@cccsaurora/clue-ui 1.0.1-dev.57 → 1.0.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-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")
+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-DWRDhxUB.js";
+import j from "../utils/chain.js";
+import { memo as q, useRef as M, useMemo as a, useCallback as S, useEffect as R } from "react";
+import { u as I } from "../index-E7g8cRyW.js";
+import { g as D } from "../groupBy-BheQYl6f.js";
+import { s as E } from "../sumBy-DxJUU2E8.js";
+import { s as F } from "../sortBy-ITdmD17L.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 = M(), s = a(
+    () => m.filter((e) => e.type === "opinion" && e.ubiquitous === p),
+    [m, p]
+  ), o = a(
+    () => j(
+      Object.entries(D(s, "value")).map(([e, t]) => [
+        e,
+        E(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 = S(
+    (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,
+  R(() => {
+    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: F(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 = q(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
+};

package/index-4YFAh_sa.js

@@ -0,0 +1,358 @@
+var Y = Object.defineProperty;
+var Z = (t, e, n) => e in t ? Y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var y = (t, e, n) => Z(t, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as d, jsxs as M } from "react/jsx-runtime";
+import { ClickAwayListener as $, TextField as P, InputAdornment as v, Popper as ee, Paper as te, MenuList as ne, MenuItem as se, ListItemText as re, useTheme as ie, Stack as ae, Skeleton as ue } from "@mui/material";
+import { useRef as A, useState as T, useEffect as N, useMemo as C, lazy as oe } from "react";
+import { r as ce, s as he, f as de } from "./utils-C_RX5uMP.js";
+import { ClueComponentContext as D } from "./hooks/ClueComponentContext.js";
+import { useMyLocalStorageItem as L } from "./hooks/useMyLocalStorage.js";
+import { StorageKey as j } from "./utils/constants.js";
+import { u as J } from "./index-E7g8cRyW.js";
+const fe = "Enter", le = "Escape", me = "ArrowLeft", pe = "ArrowUp", _e = "ArrowRight", ye = "ArrowDown", ke = "Backspace", be = " ";
+function b(t, e) {
+  return t === e;
+}
+function xe(t) {
+  return b(t, pe);
+}
+function ge(t) {
+  return b(t, ye);
+}
+function we(t) {
+  return b(t, me);
+}
+function Ie(t) {
+  return b(t, _e);
+}
+function Ae(t) {
+  return b(t, le);
+}
+function Re(t) {
+  return b(t, fe);
+}
+function Ee(t) {
+  return b(t, ke);
+}
+function Se(t) {
+  return b(t, be);
+}
+function K(t) {
+  return {
+    key: t.key,
+    isCtrl: t.ctrlKey,
+    isEnter: Re(t.key),
+    isSpace: Se(t.key),
+    isBackspace: Ee(t.key),
+    isEscape: Ae(t.key),
+    isArrowLeft: we(t.key),
+    isArrowRight: Ie(t.key),
+    isArrowUp: xe(t.key),
+    isArrowDown: ge(t.key)
+  };
+}
+class Ce {
+  constructor() {
+    y(this, "_phrase", null);
+    y(this, "_buffer", null);
+    y(this, "_tokens", null);
+    y(this, "_consumers", null);
+    y(this, "_consumer", null);
+    y(this, "_startIndex", 0);
+    y(this, "_endIndex", -1);
+  }
+  find(e, n) {
+    const s = n.findIndex((o) => o.startIndex <= e && e <= o.endIndex), a = n.at(s);
+    return { index: s, token: a };
+  }
+  parse(e, n = 0) {
+    this._phrase = e, this._buffer = [], this._tokens = [], this._consumers = this.consumers(), this._consumer = null, this._startIndex = 0, this._endIndex = -1;
+    for (let c = 0; c < this._phrase.length; c++) {
+      this._endIndex += 1;
+      const k = this._phrase[c];
+      this._buffer.push(k);
+      let h = !1;
+      if (this._consumer || (this._consumer = this.lock(), this._consumer && (h = !0, this._consumer.init(this._buffer, this))), this._consumer) {
+        h ? h = !1 : this._consumer.append(k, this);
+        const x = this._consumer.consume(this);
+        x && (this._tokens.push(x), this._buffer = [], this._consumer = null, this._startIndex = this._endIndex + 1);
+      }
+    }
+    this._tokens.push({ type: "eop", startIndex: e.length, endIndex: e.length, value: "" });
+    const s = this._tokens.flatMap((c) => c.children && c.children.length > 0 ? c.children : [c]), { token: a, index: o } = this.find(n, this._tokens), { token: m, index: p } = this.find(n, s), l = n === m.startIndex && s[p - 1] ? s[p - 1] : m;
+    return {
+      cursor: n,
+      parentIndex: o,
+      parent: a,
+      currentIndex: p,
+      current: m,
+      suggest: {
+        token: l,
+        parent: this.find(l.startIndex, this._tokens).token,
+        value: l.value.substring(0, n - l.startIndex)
+      },
+      tokens: this._tokens
+    };
+  }
+  lock() {
+    return this._consumers.find((e) => e.lock(this));
+  }
+  buffer() {
+    return this._buffer;
+  }
+  bufferValue() {
+    return this._buffer.join("");
+  }
+  start() {
+    return this._startIndex;
+  }
+  end() {
+    return this._endIndex;
+  }
+  ahead(e) {
+    const n = this._endIndex + 1;
+    return e ? this._phrase.slice(n, n + e) : this._phrase.substring(n);
+  }
+  behind(e) {
+    return e ? this.bufferValue().slice(-e) : this.bufferValue();
+  }
+  behindEndsWithAny(e, ...n) {
+    const s = e ? this.behind().trimEnd() : this.behind();
+    return n.some((a) => s.endsWith(a));
+  }
+  testBehind(e) {
+    return e.test(this.behind());
+  }
+  aheadStartsWithAny(e, ...n) {
+    const s = e ? this.ahead().trimStart() : this.ahead();
+    return n.some((a) => s.startsWith(a));
+  }
+  aheadIsEmpty(e = !1) {
+    return e ? this.ahead().trim().length === 0 : this.ahead().length === 0;
+  }
+  testAhead(e) {
+    return e.test(this.ahead());
+  }
+}
+class z {
+  constructor() {
+    y(this, "_buffer", []);
+  }
+  reset() {
+    this._buffer = [];
+  }
+  init(e, n) {
+    this._buffer = [...e];
+  }
+  append(e, n) {
+    this._buffer.push(e);
+  }
+  bufferValue() {
+    return this._buffer.join("");
+  }
+  endsWithAny(...e) {
+    const n = this.bufferValue();
+    return e.some((s) => n.endsWith(s));
+  }
+  test(e) {
+    return e.test(this.bufferValue());
+  }
+}
+class Te extends z {
+  lock(e) {
+    return e.bufferValue().match(/\s/) && e.ahead(1) !== " ";
+  }
+  consume(e) {
+    return e.ahead(1) !== " " ? {
+      type: "whitespace",
+      startIndex: e.start(),
+      endIndex: e.end(),
+      value: this._buffer.join("")
+    } : null;
+  }
+}
+class Oe extends z {
+  lock(e) {
+    return !e.bufferValue().match(/\s/) && (e.ahead(1) === " " || e.ahead(1) === "");
+  }
+  consume(e) {
+    return e.ahead(1) === " " || e.aheadIsEmpty(!0) ? {
+      type: "word",
+      startIndex: e.start(),
+      endIndex: e.end(),
+      value: this._buffer.join("")
+    } : null;
+  }
+}
+class We extends Ce {
+  consumers() {
+    return [new Oe(), new Te()];
+  }
+}
+class V {
+  constructor(e) {
+    this.suggestions = e;
+  }
+  suggest(e) {
+    return this.suggestions.filter((n) => n.indexOf(e.suggest.value) > -1);
+  }
+}
+function ve({
+  value: t = "",
+  variant: e = "outlined",
+  suggestions: n = [],
+  lexer: s,
+  suggester: a,
+  startAdornment: o,
+  endAdornment: m,
+  onChange: p,
+  onKeyDown: l,
+  ...c
+}) {
+  const k = A(), h = A(), x = A(), O = A(s || new We()), w = A(), R = A(a || new V(n)), [I, g] = T(!1), [_, E] = T(n);
+  N(() => {
+    R.current = a || new V(n);
+  }, [a, n]);
+  const S = (i, f = 0) => {
+    let u = h.current.querySelector("input").selectionStart + f;
+    return u = u < 0 ? 0 : u > i.length ? i.length : u, w.current = O.current.parse(i, u), w.current;
+  }, r = (i, f = 0) => {
+    const u = R.current.suggest(S(i, f));
+    E((u == null ? void 0 : u.length) > 0 ? u : [...n]);
+  }, B = (i) => {
+    p(i.target.value);
+  }, q = (i) => {
+    const f = K(i), { isEnter: u, isCtrl: H, isSpace: G, isEscape: Q, isArrowDown: X } = f;
+    X ? (i.preventDefault(), x.current.focus()) : H && G ? (g(!0), r(t)) : Q && g(!I), u && I && _.length === 1 ? (W(_[0]), i.preventDefault()) : l && l(f);
+  }, U = (i) => {
+    I && r(i.target.value);
+  }, F = (i) => {
+    const { isEscape: f } = K(i);
+    f && (h.current.focus(), g(!1));
+  }, W = (i) => {
+    const { suggest: f } = w.current, u = h.current.querySelector("input");
+    u.focus(), u.setSelectionRange(f.token.startIndex, f.token.endIndex + 1), document.execCommand("insertText", !1, i), g(!1);
+  };
+  return /* @__PURE__ */ d($, { onClickAway: () => g(!1), children: /* @__PURE__ */ M("div", { ref: k, style: { position: "relative" }, children: [
+    /* @__PURE__ */ d(
+      P,
+      {
+        ref: h,
+        ...c,
+        fullWidth: !0,
+        autoComplete: "off",
+        value: t,
+        variant: e,
+        onChange: B,
+        onKeyDown: q,
+        InputProps: {
+          ...c.InputProps,
+          onSelectCapture: U,
+          startAdornment: o && /* @__PURE__ */ d(v, { position: "start", children: o }),
+          endAdornment: m && /* @__PURE__ */ d(v, { position: "end", children: m })
+        }
+      }
+    ),
+    /* @__PURE__ */ d(
+      ee,
+      {
+        anchorEl: k.current,
+        style: { width: "100%", zIndex: 100 },
+        open: I && _.length > 0,
+        disablePortal: !0,
+        children: /* @__PURE__ */ d(
+          te,
+          {
+            elevation: 2,
+            sx: { maxHeight: 200, overflow: "auto", borderTopRightRadius: 0, borderTopLeftRadius: 0 },
+            children: /* @__PURE__ */ d(
+              ne,
+              {
+                ref: x,
+                onKeyDown: F,
+                sx: {
+                  "&:focus": {
+                    outline: "none"
+                  }
+                },
+                children: _ == null ? void 0 : _.map((i) => /* @__PURE__ */ d(se, { onClick: () => W(i), children: /* @__PURE__ */ d(re, { children: i }) }, i))
+              }
+            )
+          }
+        )
+      }
+    )
+  ] }) });
+}
+const Be = ({ data: t, collapse: e = !0, forceCompact: n = !1, slotProps: s }) => {
+  var _, E, S;
+  const a = ie(), [o] = L(j.COMPACT_JSON), [m] = L(j.FLATTEN_JSON), p = J(D, (r) => r == null ? void 0 : r.ReactJson), { t: l } = J(D, (r) => r == null ? void 0 : r.i18next), [c, k] = T(null), [h, x] = T(""), O = C(() => a.palette.mode === "dark", [a]), w = C(() => ce(t, o || n), [o, t, n]), R = C(() => {
+    const r = he(w, h);
+    return m ? de(r) : r;
+  }, [w, m, h]), I = C(() => {
+    try {
+      return new RegExp(h), !1;
+    } catch {
+      return !0;
+    }
+  }, [h]);
+  N(() => {
+    k(p ? () => p : oe(() => import("@microlink/react-json-view")));
+  }, [p]);
+  const g = (r) => r.name !== "root" && r.type !== "object" || r.namespace.length > 3;
+  return t ? /* @__PURE__ */ M(
+    ae,
+    {
+      direction: "column",
+      spacing: 1,
+      ...s == null ? void 0 : s.stack,
+      sx: {
+        "& > div:first-of-type": { mt: 1, mr: 0.5 },
+        ...Array.isArray((_ = s == null ? void 0 : s.stack) == null ? void 0 : _.sx) ? (E = s == null ? void 0 : s.stack) == null ? void 0 : E.sx : [(S = s == null ? void 0 : s.stack) == null ? void 0 : S.sx]
+      },
+      children: [
+        /* @__PURE__ */ d(
+          ve,
+          {
+            value: h,
+            onChange: x,
+            size: "small",
+            error: I,
+            label: l("json.viewer.search.label"),
+            placeholder: l("json.viewer.search.prompt")
+          }
+        ),
+        c && /* @__PURE__ */ d(
+          c,
+          {
+            src: R,
+            theme: O ? "summerfruit" : "summerfruit:inverted",
+            indentWidth: 2,
+            displayDataTypes: !o && !n,
+            displayObjectSize: !o && !n,
+            shouldCollapse: e ? g : !1,
+            quotesOnKeys: !1,
+            style: {
+              flex: 1,
+              overflow: "auto",
+              height: "100%",
+              fontSize: o || n ? "small" : "smaller",
+              borderRadius: a.shape.borderRadius,
+              padding: a.spacing(1)
+            },
+            enableClipboard: (r) => {
+              typeof r.src == "string" ? navigator.clipboard.writeText(r.src) : navigator.clipboard.writeText(JSON.stringify(r.src));
+            },
+            // Type declaration is wrong - this is a valid prop
+            displayArrayKey: !o && !n,
+            ...s == null ? void 0 : s.json
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ d(ue, { width: "100%", height: "95%", variant: "rounded" });
+};
+export {
+  Be as J,
+  K as p
+};