@cccsaurora/clue-ui 1.1.1-dev.108 → 1.1.1

package/icons/Opinion.js

@@ -1,125 +1,113 @@
-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")
+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-CKMGCoUH.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")
       ])
-    ).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",
+    ).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",
     []
   );
-  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,
+  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,
           {
             size: "small",
             variant: "outlined",
-            label: `${type}: ${count}`,
-            icon: /* @__PURE__ */ jsx(Icon, { icon: icon(type) }),
+            label: `${e}: ${t}`,
+            icon: /* @__PURE__ */ r(u, { icon: n(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(O, { orientation: "horizontal", flexItem: !0 })
       ] }),
-      /* @__PURE__ */ jsx(
-        Grid,
+      /* @__PURE__ */ r(
+        y,
         {
           sx: {
-            mt: opinionAnnotations.length < 2 && `${theme.spacing(-0.5)} !important`,
-            ml: `${theme.spacing(-0.5)} !important`
+            mt: s.length < 2 && `${i.spacing(-0.5)} !important`,
+            ml: `${i.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: M(s, "value").map((e) => /* @__PURE__ */ r(y, { item: !0, children: /* @__PURE__ */ r(
+            v,
             {
               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: n(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]
+    [n, s, o, i]
   );
-  if ((opinionAnnotations == null ? void 0 : opinionAnnotations.length) < 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
+  return (s == null ? void 0 : s.length) < 1 ? null : /* @__PURE__ */ r(
     "span",
     {
-      ref: anchorRef,
+      ref: g,
       style: { display: "flex" },
-      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,
+      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,
         {
           fontSize: "1.25em",
-          ...otherProps,
-          icon: icon(sortedOpinions[0][0]),
+          ...f,
+          icon: n(o[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: i.palette.success.light,
+            suspicious: i.palette.warning.light,
+            obscure: i.palette.error.light,
+            malicious: i.palette.error.light
+          }[o[0][0]],
           style: {
             zIndex: 2,
-            ...otherProps.style ?? {}
+            ...f.style ?? {}
           }
         }
       ) })
     }
   );
-};
-const OpinionIcon$1 = memo(OpinionIcon);
+}, Y = R(G);
 export {
-  OpinionIcon$1 as default
+  Y 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
+};