@cccsaurora/clue-ui 0.15.0-dev.31 → 0.15.0

package/icons/Action.d.ts

@@ -1,9 +0,0 @@
-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

@@ -1,90 +0,0 @@
-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-DgfJwTzt.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

@@ -1,11 +0,0 @@
-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

@@ -1,123 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,83 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,125 +0,0 @@
-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

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

package/icons/iconMap.js

@@ -1,10 +0,0 @@
-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

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