@cccsaurora/clue-ui 1.1.3 → 1.2.0-dev.106

package/icons/Opinion.js

@@ -1,113 +1,125 @@
-import { jsxs as d, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { I as u } from "../iconify-BBckr5AQ.js";
-import { useTheme as B, Stack as x, Chip as v, Divider as O, Grid as y } from "@mui/material";
-import k from "../components/CountBadge.js";
-import { C as b } from "../AnnotationPreview-D060vmy2.js";
-import j from "../utils/chain.js";
-import { g as q } from "../groupBy-BheQYl6f.js";
-import { s as M } from "../sortBy-ITdmD17L.js";
-import { s as S } from "../sumBy-DxJUU2E8.js";
-import { memo as R, useRef as D, useMemo as a, useCallback as E, useEffect as F } from "react";
-import { u as I } from "../index-E7g8cRyW.js";
-const G = ({ annotations: m, value: l, counters: C = !0, disableTooltip: c = !1, ubiquitous: p = !1, ...f }) => {
-  const i = B(), w = I(b, (e) => e.showInfo), h = I(b, (e) => e.closeInfo), g = D(), s = a(
-    () => m.filter((e) => e.type === "opinion" && e.ubiquitous === p),
-    [m, p]
-  ), o = a(
-    () => j(
-      Object.entries(q(s, "value")).map(([e, t]) => [
-        e,
-        S(t, "quantity")
+import { jsxs, jsx, Fragment } 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-CQwKs8se.js";
+import chain from "../utils/chain.js";
+import { g as groupBy } from "../groupBy-DC2oOuBN.js";
+import { s as sortBy } from "../sortBy-B-UKp4GT.js";
+import { s as sumBy } from "../sumBy-MYkDPHZL.js";
+import { memo, useRef, useMemo, useCallback, useEffect } from "react";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+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(
+    () => chain(
+      Object.entries(groupBy(opinionAnnotations, "value")).map(([_value, _annotations]) => [
+        _value,
+        sumBy(_annotations, "quantity")
       ])
-    ).sortBy(([e, t]) => t).reverse().value(),
-    [s]
-  ), n = E(
-    (e) => e === "benign" ? "mdi:shield-check" : e === "suspicious" ? "mdi:warning-outline" : e === "obscure" ? "bi:eye-slash-fill" : "mdi:warning-decagram",
+    ).sortBy(([__, count]) => count).reverse().value(),
+    [opinionAnnotations]
+  );
+  const icon = useCallback(
+    (_opinion) => _opinion === "benign" ? "mdi:shield-check" : _opinion === "suspicious" ? "mdi:warning-outline" : _opinion === "obscure" ? "bi:eye-slash-fill" : "mdi:warning-decagram",
     []
   );
-  F(() => {
-    c && h("opinion", l);
-  }, [c]);
-  const z = a(
-    () => /* @__PURE__ */ d(x, { spacing: 1, onClick: (e) => e.stopPropagation(), children: [
-      s.length > 1 && /* @__PURE__ */ d($, { children: [
-        /* @__PURE__ */ r(x, { direction: "row", children: o.map(([e, t]) => /* @__PURE__ */ r(
-          v,
+  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", children: sortedOpinions.map(([type, count]) => /* @__PURE__ */ jsx(
+          Chip,
           {
             size: "small",
             variant: "outlined",
-            label: `${e}: ${t}`,
-            icon: /* @__PURE__ */ r(u, { icon: n(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(O, { orientation: "horizontal", flexItem: !0 })
+        /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true })
       ] }),
-      /* @__PURE__ */ r(
-        y,
+      /* @__PURE__ */ jsx(
+        Grid,
         {
           sx: {
-            mt: s.length < 2 && `${i.spacing(-0.5)} !important`,
-            ml: `${i.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: M(s, "value").map((e) => /* @__PURE__ */ r(y, { item: !0, children: /* @__PURE__ */ r(
-            v,
+          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: n(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))
         }
       )
     ] }),
-    [n, s, o, i]
+    [icon, opinionAnnotations, sortedOpinions, theme]
   );
-  return (s == null ? void 0 : s.length) < 1 ? null : /* @__PURE__ */ r(
+  if ((opinionAnnotations == null ? void 0 : opinionAnnotations.length) < 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
     "span",
     {
-      ref: g,
+      ref: anchorRef,
       style: { display: "flex" },
-      onMouseOver: c ? void 0 : () => w("assessment", g.current, l, { content: z }),
-      onMouseLeave: c ? void 0 : () => h("assessment", l),
-      children: /* @__PURE__ */ r(k, { disabled: !C, count: o[0][1], children: /* @__PURE__ */ r(
-        u,
+      onMouseOver: disableTooltip ? void 0 : () => showInfo("assessment", anchorRef.current, value, { content: tooltipContent }),
+      onMouseLeave: disableTooltip ? void 0 : () => closeInfo("assessment", value),
+      children: /* @__PURE__ */ jsx(CountBadge, { disabled: !counters, count: sortedOpinions[0][1], children: /* @__PURE__ */ jsx(
+        Icon,
         {
           fontSize: "1.25em",
-          ...f,
-          icon: n(o[0][0]),
+          ...otherProps,
+          icon: icon(sortedOpinions[0][0]),
           color: {
-            benign: i.palette.success.light,
-            suspicious: i.palette.warning.light,
-            obscure: i.palette.error.light,
-            malicious: i.palette.error.light
-          }[o[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 ?? {}
           }
         }
       ) })
     }
   );
-}, Y = R(G);
+};
+const OpinionIcon$1 = memo(OpinionIcon);
 export {
-  Y 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
+};