@cccsaurora/clue-ui 1.2.4-patch.275 → 1.2.5-dev.298

package/icons/Opinion.js

@@ -1,107 +1,123 @@
-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-BO7rVnOP.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",
+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-Dmz7taAU.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",
     []
   );
-  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,
+  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,
           {
             size: "small",
             variant: "outlined",
-            label: `${e}: ${o}`,
-            icon: /* @__PURE__ */ r(u, { icon: c(e) }),
+            label: `${type}: ${count}`,
+            icon: /* @__PURE__ */ jsx(Icon, { icon: icon(type) }),
             sx: { textTransform: "capitalize" },
             color: {
               benign: "success",
               suspicious: "warning",
               obscure: "error",
               malicious: "error"
-            }[e]
+            }[type]
           },
-          e
+          type
         )) }),
-        /* @__PURE__ */ r(j, { orientation: "horizontal", flexItem: !0 })
+        /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true })
       ] }),
-      /* @__PURE__ */ r(
-        I,
+      /* @__PURE__ */ jsx(
+        Grid,
         {
           sx: {
-            mt: i.length < 2 && `${s.spacing(-0.5)} !important`,
-            ml: `${s.spacing(-0.5)} !important`
+            mt: opinionAnnotations.length < 2 && `${theme.spacing(-0.5)} !important`,
+            ml: `${theme.spacing(-0.5)} !important`
           },
-          container: !0,
+          container: true,
           spacing: 0.5,
           maxWidth: "500px",
-          children: E(i, "value").map((e) => /* @__PURE__ */ r(I, { item: !0, children: /* @__PURE__ */ r(
-            y,
+          children: sortBy(opinionAnnotations, "value").map((annotation) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+            Chip,
             {
               size: "small",
               variant: "outlined",
-              label: (e.analytic ?? e.author) + (e.quantity > 1 ? ` (x${e.quantity})` : ""),
-              icon: /* @__PURE__ */ r(u, { icon: c(e.value) }),
+              label: (annotation.analytic ?? annotation.author) + (annotation.quantity > 1 ? ` (x${annotation.quantity})` : ""),
+              icon: /* @__PURE__ */ jsx(Icon, { icon: icon(annotation.value) }),
               color: {
                 benign: "success",
                 suspicious: "warning",
                 obscure: "error",
                 malicious: "error"
-              }[e.value]
+              }[annotation.value]
             }
-          ) }, (e.analytic ?? e.author) + e.value))
+          ) }, (annotation.analytic ?? annotation.author) + annotation.value))
         }
       )
     ] }),
-    [c, i, t, s]
+    [icon, opinionAnnotations, sortedOpinions, theme]
   );
-  return (i == null ? void 0 : i.length) < 1 ? null : /* @__PURE__ */ r(
+  if ((opinionAnnotations == null ? void 0 : opinionAnnotations.length) < 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
     "span",
     {
-      ref: h,
+      ref: anchorRef,
       style: { display: "flex" },
-      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,
+      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,
         {
           fontSize: "1.25em",
-          ...f,
-          icon: c(t[0][0]),
+          ...otherProps,
+          icon: icon(sortedOpinions[0][0]),
           color: {
-            benign: s.palette.success.light,
-            suspicious: s.palette.warning.light,
-            obscure: s.palette.error.light,
-            malicious: s.palette.error.light
-          }[t[0][0]],
+            benign: theme.palette.success.light,
+            suspicious: theme.palette.warning.light,
+            obscure: theme.palette.error.light,
+            malicious: theme.palette.error.light
+          }[sortedOpinions[0][0]],
           style: {
             zIndex: 2,
-            ...f.style ?? {}
+            ...otherProps.style ?? {}
           }
         }
       ) })
     }
   );
-}, X = D(L);
+};
+const OpinionIcon$1 = memo(OpinionIcon);
 export {
-  X as default
+  OpinionIcon$1 as default
 };

package/icons/iconMap.js

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

package/identity-CPGTqrE4.js

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