@cccsaurora/clue-ui 0.15.0 → 1.0.0-dev.49

package/icons/Action.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '@iconify/react';
+import { Selector } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    value: Selector;
+    counters?: boolean;
+    disableTooltip?: boolean;
+} & Omit<IconProps, "icon">>;
+export default _default;

package/icons/Action.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { I as Icon } from "../iconify-CXMreGTg.js";
+import { useTheme, Stack, Divider, Typography } from "@mui/material";
+import CountBadge from "../components/CountBadge.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BvNpZOP0.js";
+import { u as useClueActions } from "../ActionForm-c5hLIfQ-.js";
+import { memo, useRef, useMemo, useEffect } from "react";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+import { g as groupBy } from "../groupBy-DC2oOuBN.js";
+const ResultDetails = ({ result }) => {
+  return /* @__PURE__ */ jsxs(Stack, { p: 1, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body1", children: result.action.name }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: result.summary })
+  ] });
+};
+const ActionIcon = ({ value, counters = true, disableTooltip = false, ...otherProps }) => {
+  const theme = useTheme();
+  const showInfo = useContextSelector(CluePopupContext, (state) => state.showInfo);
+  const closeInfo = useContextSelector(CluePopupContext, (state) => state.closeInfo);
+  const successAnchorRef = useRef();
+  const failureAnchorRef = useRef();
+  const { getActionResults } = useClueActions();
+  const actionResults = useMemo(
+    () => getActionResults(value.type, value.value, value.classification),
+    [getActionResults, value.classification, value.type, value.value]
+  );
+  useEffect(() => {
+    if (disableTooltip) {
+      closeInfo("context", value);
+    }
+  }, [disableTooltip]);
+  const [successes, failures] = useMemo(() => {
+    const outcomes = groupBy(actionResults, (result) => result.outcome);
+    return [outcomes.success ?? [], outcomes.failure ?? []];
+  }, [actionResults]);
+  const successContent = useMemo(() => {
+    const entries = successes.map((result) => /* @__PURE__ */ jsx(ResultDetails, { result }, result.actionId));
+    return /* @__PURE__ */ jsx(Stack, { spacing: 1, divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: entries });
+  }, [successes]);
+  const failureContent = useMemo(() => {
+    const entries = failures.map((result) => /* @__PURE__ */ jsx(ResultDetails, { result }, result.summary));
+    return /* @__PURE__ */ jsx(Stack, { spacing: 1, divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: entries });
+  }, [failures]);
+  if ((actionResults == null ? void 0 : actionResults.length) < 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+    /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "vertical" }),
+    successes.length > 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: successAnchorRef,
+        style: { display: "flex" },
+        onMouseOver: disableTooltip ? void 0 : () => showInfo("actionResults", successAnchorRef.current, value, { content: successContent }),
+        onMouseLeave: disableTooltip ? void 0 : () => closeInfo("actionResults", value),
+        children: /* @__PURE__ */ jsx(CountBadge, { disabled: !counters, count: actionResults.filter((result) => result.outcome === "success").length, children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: "material-symbols:bookmark-check-rounded",
+            color: theme.palette.success.main,
+            fontSize: "1.5em",
+            ...otherProps
+          }
+        ) })
+      }
+    ),
+    failures.length > 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: failureAnchorRef,
+        style: { display: "flex" },
+        onMouseOver: disableTooltip ? void 0 : () => showInfo("actionResults", failureAnchorRef.current, value, { content: failureContent }),
+        onMouseLeave: disableTooltip ? void 0 : () => closeInfo("actionResults", value),
+        children: /* @__PURE__ */ jsx(CountBadge, { disabled: !counters, count: actionResults.filter((result) => result.outcome === "failure").length, children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: "material-symbols:cancel-presentation-rounded",
+            color: theme.palette.error.main,
+            fontSize: "1.5em",
+            ...otherProps
+          }
+        ) })
+      }
+    )
+  ] });
+};
+const ActionIcon$1 = memo(ActionIcon);
+export {
+  ActionIcon$1 as default
+};

package/icons/Assessment.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from '@iconify/react';
+import { Annotation, Selector } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    annotations: Annotation[];
+    value: Selector;
+    counters?: boolean;
+    disableTooltip?: boolean;
+    ubiquitous?: boolean;
+} & Omit<IconProps, "icon">>;
+export default _default;

package/icons/Assessment.js

@@ -0,0 +1,123 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { I as Icon } from "../iconify-CXMreGTg.js";
+import { useTheme, Stack, Chip, Divider, Grid, Tooltip } from "@mui/material";
+import CountBadge from "../components/CountBadge.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BvNpZOP0.js";
+import { memo, useRef, useState, useMemo, useEffect } from "react";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+import { g as groupBy } from "../groupBy-DC2oOuBN.js";
+import { s as sumBy } from "../sumBy-MYkDPHZL.js";
+import { m as maxBy, s as sortBy } from "../sortBy-B-UKp4GT.js";
+import { l as last } from "../last-CUCl67Im.js";
+const AssessmentIcon = ({ 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 [showTooltip, setShowTooltip] = useState(false);
+  const assessmentAnnotations = useMemo(
+    () => annotations.filter((annotation) => (annotation == null ? void 0 : annotation.type) === "assessment" && (annotation == null ? void 0 : annotation.ubiquitous) === ubiquitous),
+    [annotations, ubiquitous]
+  );
+  const sortedAssessments = useMemo(
+    () => Object.entries(groupBy(assessmentAnnotations, "value")).map(([_value, _annotations]) => [
+      _value,
+      sumBy(_annotations, "quantity")
+    ]),
+    [assessmentAnnotations]
+  );
+  const popularAssessment = useMemo(() => maxBy(sortedAssessments, last), [sortedAssessments]);
+  useEffect(() => {
+    if (disableTooltip) {
+      setShowTooltip(false);
+    }
+  }, [disableTooltip]);
+  if ((assessmentAnnotations == null ? void 0 : assessmentAnnotations.length) < 1) {
+    return null;
+  }
+  const tooltipProps = {
+    tooltip: {
+      sx: {
+        maxWidth: "500px",
+        backgroundColor: theme.palette.background.paper,
+        border: `thin solid ${theme.palette.divider}`,
+        p: 1,
+        boxShadow: theme.shadows[2]
+      }
+    }
+  };
+  const tooltipContent = /* @__PURE__ */ jsxs(Stack, { spacing: 1, onClick: (e) => e.stopPropagation(), children: [
+    assessmentAnnotations.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Stack, { direction: "row", children: sortedAssessments.map(([type, count]) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          size: "small",
+          variant: "outlined",
+          label: `${type}: ${count}`,
+          icon: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: ["trivial", "recon", "attempt", "compromise", "mitigated"].includes(type) ? "healthicons:hazardous" : "fluent-mdl2:ribbon-solid"
+            }
+          ),
+          color: ["trivial", "recon", "attempt", "compromise", "mitigated"].includes(type) ? "error" : "success"
+        },
+        type
+      )) }),
+      /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Grid,
+      {
+        sx: {
+          mt: assessmentAnnotations.length < 2 && `${theme.spacing(-0.5)} !important`,
+          ml: `${theme.spacing(-0.5)} !important`
+        },
+        container: true,
+        spacing: 0.5,
+        maxWidth: "500px",
+        children: sortBy(assessmentAnnotations, "value").map((annotation) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+          Chip,
+          {
+            size: "small",
+            variant: "outlined",
+            label: annotation.analytic + (annotation.quantity > 1 ? ` (x${annotation.quantity})` : ""),
+            icon: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon: ["trivial", "recon", "attempt", "compromise", "mitigated"].includes(annotation.value) ? "healthicons:hazardous" : "fluent-mdl2:ribbon-solid"
+              }
+            ),
+            color: ["trivial", "recon", "attempt", "compromise", "mitigated"].includes(annotation.value) ? "error" : "success"
+          }
+        ) }, annotation.analytic + annotation.value))
+      }
+    )
+  ] });
+  if (["trivial", "recon", "attempt", "compromise", "mitigated"].includes(popularAssessment[0])) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: anchorRef,
+        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, color: "error", count: popularAssessment[1], children: /* @__PURE__ */ jsx(Icon, { fontSize: "1.5em", ...otherProps, icon: "healthicons:hazardous", color: theme.palette.error.main }) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref: anchorRef,
+      style: { display: "flex" },
+      onMouseOver: disableTooltip ? void 0 : () => showInfo("assessment", anchorRef.current, value, { content: tooltipContent }),
+      onMouseLeave: disableTooltip ? void 0 : () => closeInfo("assessment", value),
+      children: /* @__PURE__ */ jsx(Tooltip, { disableInteractive: true, componentsProps: tooltipProps, open: showTooltip, title: tooltipContent, children: /* @__PURE__ */ jsx(CountBadge, { disabled: !counters, count: popularAssessment[1], children: /* @__PURE__ */ jsx(Icon, { fontSize: "1.5em", ...otherProps, icon: "fluent-mdl2:ribbon-solid", color: theme.palette.success.main }) }) })
+    }
+  );
+};
+const AssessmentIcon$1 = memo(AssessmentIcon);
+export {
+  AssessmentIcon$1 as default
+};

package/icons/Context.d.ts

@@ -0,0 +1,12 @@
+import { IconProps } from '@iconify/react';
+import { Annotation, Selector, WithExtra } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    annotations: WithExtra<Annotation>[];
+    value: Selector;
+    counters?: boolean;
+    disableTooltip?: boolean;
+    showExtraIcon?: boolean;
+    ubiquitous?: boolean;
+} & Omit<IconProps, "icon">>;
+export default _default;

package/icons/Context.js

@@ -0,0 +1,83 @@
+import { jsx } from "react/jsx-runtime";
+import { I as Icon } from "../iconify-CXMreGTg.js";
+import { Stack, Divider } from "@mui/material";
+import AnnotationEntry from "../components/AnnotationEntry.js";
+import CountBadge from "../components/CountBadge.js";
+import Iconified from "../components/display/icons/Iconified.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BvNpZOP0.js";
+import { memo, useRef, useMemo, useEffect } from "react";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+import { g as groupBy } from "../groupBy-DC2oOuBN.js";
+const ContextIcon = ({
+  annotations,
+  value,
+  counters = true,
+  disableTooltip = false,
+  showExtraIcon = false,
+  ubiquitous = false,
+  ...otherProps
+}) => {
+  const showInfo = useContextSelector(CluePopupContext, (state) => state.showInfo);
+  const closeInfo = useContextSelector(CluePopupContext, (state) => state.closeInfo);
+  const anchorRef = useRef();
+  const contextAnnotations = useMemo(
+    () => annotations.filter((annotation) => annotation.type === "context" && annotation.ubiquitous === ubiquitous),
+    [annotations, ubiquitous]
+  );
+  const additionalIcons = useMemo(() => contextAnnotations.filter((annotation) => annotation.icon), [contextAnnotations]);
+  useEffect(() => {
+    if (disableTooltip) {
+      closeInfo("context", value);
+    }
+  }, [disableTooltip]);
+  if ((contextAnnotations == null ? void 0 : contextAnnotations.length) < 1) {
+    return null;
+  }
+  const icons = [];
+  if (additionalIcons.length) {
+    Object.entries(groupBy(additionalIcons, "icon")).forEach(
+      ([icon, _annotations]) => icons.push(
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: anchorRef,
+            style: { display: "flex" },
+            onMouseOver: disableTooltip ? void 0 : () => showInfo("context", anchorRef.current, value, {
+              content: /* @__PURE__ */ jsx(
+                Stack,
+                {
+                  onClick: (e) => e.stopPropagation(),
+                  spacing: 1,
+                  divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }),
+                  children: _annotations.map((annotation) => /* @__PURE__ */ jsx(AnnotationEntry, { annotation }, JSON.stringify(annotation)))
+                }
+              )
+            }),
+            onMouseLeave: disableTooltip ? void 0 : () => closeInfo("context", value),
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                icon,
+                fontSize: otherProps.fontSize ?? "1.25em",
+                style: { filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))", ...otherProps.style ?? {} },
+                ...otherProps
+              }
+            )
+          },
+          icon
+        )
+      )
+    );
+  }
+  const additionalSize = contextAnnotations.length - additionalIcons.length;
+  if (additionalSize > 0 && showExtraIcon) {
+    icons.push(
+      /* @__PURE__ */ jsx(CountBadge, { disabled: !counters, count: additionalSize, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-newspaper", style: { zIndex: 2, ...otherProps.style ?? {} } }) }, "extra")
+    );
+  }
+  return /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, children: icons });
+};
+const ContextIcon$1 = memo(ContextIcon);
+export {
+  ContextIcon$1 as default
+};

package/icons/Opinion.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from '@iconify/react';
+import { Annotation, Selector } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    annotations: Annotation[];
+    value: Selector;
+    counters?: boolean;
+    disableTooltip?: boolean;
+    ubiquitous?: boolean;
+} & Omit<IconProps, "icon">>;
+export default _default;

package/icons/Opinion.js

@@ -0,0 +1,125 @@
+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-BvNpZOP0.js";
+import chain from "../utils/chain.js";
+import { memo, useRef, useMemo, useCallback, useEffect } from "react";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+import { g as groupBy } from "../groupBy-DC2oOuBN.js";
+import { s as sumBy } from "../sumBy-MYkDPHZL.js";
+import { s as sortBy } from "../sortBy-B-UKp4GT.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(([__, 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",
+    []
+  );
+  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: `${type}: ${count}`,
+            icon: /* @__PURE__ */ jsx(Icon, { icon: icon(type) }),
+            sx: { textTransform: "capitalize" },
+            color: {
+              benign: "success",
+              suspicious: "warning",
+              obscure: "error",
+              malicious: "error"
+            }[type]
+          },
+          type
+        )) }),
+        /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Grid,
+        {
+          sx: {
+            mt: opinionAnnotations.length < 2 && `${theme.spacing(-0.5)} !important`,
+            ml: `${theme.spacing(-0.5)} !important`
+          },
+          container: true,
+          spacing: 0.5,
+          maxWidth: "500px",
+          children: sortBy(opinionAnnotations, "value").map((annotation) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+            Chip,
+            {
+              size: "small",
+              variant: "outlined",
+              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"
+              }[annotation.value]
+            }
+          ) }, (annotation.analytic ?? annotation.author) + annotation.value))
+        }
+      )
+    ] }),
+    [icon, opinionAnnotations, sortedOpinions, theme]
+  );
+  if ((opinionAnnotations == null ? void 0 : opinionAnnotations.length) < 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref: anchorRef,
+      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,
+        {
+          fontSize: "1.25em",
+          ...otherProps,
+          icon: icon(sortedOpinions[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]],
+          style: {
+            zIndex: 2,
+            ...otherProps.style ?? {}
+          }
+        }
+      ) })
+    }
+  );
+};
+const OpinionIcon$1 = memo(OpinionIcon);
+export {
+  OpinionIcon$1 as default
+};

package/icons/iconMap.d.ts

@@ -0,0 +1,7 @@
+export declare const ICON_MAP: {
+    context: string;
+    opinion: string;
+    mitigation: string;
+    frequency: string;
+    assessment: string;
+};

package/icons/iconMap.js

@@ -0,0 +1,10 @@
+const ICON_MAP = {
+  context: "material-symbols:contextual-token",
+  opinion: "material-symbols:how-to-vote-rounded",
+  mitigation: "material-symbols:shield-locked-rounded",
+  frequency: "material-symbols:show-chart-rounded",
+  assessment: "material-symbols:menu-book"
+};
+export {
+  ICON_MAP
+};

package/identity-CPGTqrE4.js

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