@cccsaurora/clue-ui 1.1.0-dev.98 → 1.1.0

package/components/AnnotationDetailPopover.js

@@ -1,55 +1,49 @@
-import { jsx } from "react/jsx-runtime";
-import { Popover } from "@mui/material";
-import React__default, { useRef, useState, useEffect } from "react";
-import { A as AnnotationDetails } from "../AnnotationDetails-DknbKDyl.js";
-const AnnotationDetailPopover = React__default.memo(({ anchorEl, enrichRequest, open, onClose, ...otherProps }) => {
-  var _a, _b, _c;
-  const actionRef = useRef();
-  const [ready, setReady] = useState(false);
-  useEffect(() => {
-    if (!open) {
-      setReady(false);
-    }
-  }, [open]);
-  return /* @__PURE__ */ jsx(
-    Popover,
+import { jsx as d } from "react/jsx-runtime";
+import { Popover as r } from "@mui/material";
+import v, { useRef as c, useState as g, useEffect as R } from "react";
+import { A as k } from "../AnnotationDetails-BdfWMISw.js";
+const S = v.memo(({ anchorEl: t, enrichRequest: u, open: o, onClose: l, ...e }) => {
+  var f, s, m;
+  const a = c(), [x, n] = g(!1);
+  return R(() => {
+    o || n(!1);
+  }, [o]), /* @__PURE__ */ d(
+    r,
     {
       anchorOrigin: { horizontal: "left", vertical: "bottom" },
-      ...otherProps,
-      action: actionRef,
-      open: !!(open && ready),
-      keepMounted: open,
-      anchorEl,
-      onClose,
+      ...e,
+      action: a,
+      open: !!(o && x),
+      keepMounted: o,
+      anchorEl: t,
+      onClose: l,
       slotProps: {
-        ...otherProps.slotProps ?? {},
+        ...e.slotProps ?? {},
         paper: {
-          ...((_a = otherProps.slotProps) == null ? void 0 : _a.paper) ?? {},
+          ...((f = e.slotProps) == null ? void 0 : f.paper) ?? {},
           sx: [
             {
               maxHeight: "min(600px, 95vh)",
               overflowY: "auto",
               maxWidth: "500px",
               width: "100%",
-              zIndex: ((_c = (_b = anchorEl == null ? void 0 : anchorEl.computedStyleMap) == null ? void 0 : _b.call(anchorEl).get("z-index")) == null ? void 0 : _c.toString()) || 2
+              zIndex: ((m = (s = t == null ? void 0 : t.computedStyleMap) == null ? void 0 : s.call(t).get("z-index")) == null ? void 0 : m.toString()) || 2
             }
           ]
         }
       },
-      onClick: (e) => {
-        var _a2;
-        e.preventDefault();
-        e.stopPropagation();
-        (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
+      onClick: (i) => {
+        var p;
+        i.preventDefault(), i.stopPropagation(), (p = e.onClick) == null || p.call(e, i);
       },
-      children: /* @__PURE__ */ jsx(
-        AnnotationDetails,
+      children: /* @__PURE__ */ d(
+        k,
         {
-          enrichRequest,
-          setReady,
+          enrichRequest: u,
+          setReady: n,
           updatePosition: () => {
-            var _a2;
-            return (_a2 = actionRef.current) == null ? void 0 : _a2.updatePosition();
+            var i;
+            return (i = a.current) == null ? void 0 : i.updatePosition();
           }
         }
       )
@@ -57,5 +51,5 @@ const AnnotationDetailPopover = React__default.memo(({ anchorEl, enrichRequest,
   );
 });
 export {
-  AnnotationDetailPopover as default
+  S as default
 };

package/components/AnnotationDetails.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import "../iconify-CXMreGTg.js";
+import "../iconify-BBckr5AQ.js";
 import "@mui/material";
 import "./display/icons/Iconified.js";
 import "../data/event.js";
@@ -9,15 +9,15 @@ import "../hooks/useAnnotations.js";
 import "../hooks/useErrors.js";
 import "../icons/iconMap.js";
 import "../utils/window.js";
-import "../groupBy-DC2oOuBN.js";
-import { A } from "../AnnotationDetails-DknbKDyl.js";
-import "../ClueEnrichContext-6NJfXpUB.js";
+import "../groupBy-BheQYl6f.js";
+import { A as n } from "../AnnotationDetails-BdfWMISw.js";
+import "../ClueEnrichContext-CrFpdYhh.js";
 import "react";
-import "../index-BDVjGvMI.js";
+import "../index-E7g8cRyW.js";
 import "./actions/ExecutePopover.js";
 import "./AnnotationEntry.js";
 import "./ClassificationChip.js";
 import "./enrichment/EnrichPopover.js";
 export {
-  A as default
+  n as default
 };

package/components/AnnotationEntry.js

@@ -1,54 +1,51 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { I as Icon } from "../iconify-CXMreGTg.js";
-import { Stack, Typography, Chip, IconButton } from "@mui/material";
-import Iconified from "./display/icons/Iconified.js";
-import { t as twitterShort } from "../utils-7OtvGnmf.js";
-import { memo } from "react";
-import AnnotationBody from "./AnnotationBody.js";
-import ClassificationChip from "./ClassificationChip.js";
-const AnnotatonEntry = ({ annotation }) => {
-  return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-      annotation.analytic_icon && /* @__PURE__ */ jsx(
-        Icon,
-        {
-          style: { alignSelf: "center", filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" },
-          icon: annotation.analytic_icon
-        }
-      ),
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { textTransform: "capitalize", maxWidth: "275px" }, children: annotation.analytic ?? annotation.author }),
-      annotation.quantity > 1 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
-        "(x",
-        annotation.quantity,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-      annotation.version && /* @__PURE__ */ jsx(
-        Chip,
-        {
-          size: "small",
-          label: /* @__PURE__ */ jsxs(Fragment, { children: [
-            "v",
-            annotation.version.replace(/^v/, "")
-          ] })
-        }
-      ),
-      annotation.link && /* @__PURE__ */ jsx(IconButton, { component: "a", href: annotation.link, target: "_blank", rel: "noreferrer", size: "small", children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" }) }),
-      annotation.classification && /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: annotation.classification })
+import { jsxs as e, jsx as i, Fragment as l } from "react/jsx-runtime";
+import { I as o } from "../iconify-BBckr5AQ.js";
+import { Stack as t, Typography as c, Chip as s, IconButton as a } from "@mui/material";
+import n from "./display/icons/Iconified.js";
+import { t as m } from "../utils-BnmI_6N8.js";
+import { memo as p } from "react";
+import d from "./AnnotationBody.js";
+import f from "./ClassificationChip.js";
+const y = ({ annotation: r }) => /* @__PURE__ */ e(t, { direction: "column", spacing: 1, children: [
+  /* @__PURE__ */ e(t, { direction: "row", spacing: 1, alignItems: "center", children: [
+    r.analytic_icon && /* @__PURE__ */ i(
+      o,
+      {
+        style: { alignSelf: "center", filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" },
+        icon: r.analytic_icon
+      }
+    ),
+    /* @__PURE__ */ i(c, { variant: "body1", sx: { textTransform: "capitalize", maxWidth: "275px" }, children: r.analytic ?? r.author }),
+    r.quantity > 1 && /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", children: [
+      "(x",
+      r.quantity,
+      ")"
     ] }),
-    /* @__PURE__ */ jsx(AnnotationBody, { annotation }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: annotation.summary }),
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontSize: "10px", children: twitterShort(annotation.timestamp) }),
-      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-      !!annotation.latency && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", fontSize: "10px", children: [
-        Math.round(annotation.latency),
-        "ms"
-      ] })
+    /* @__PURE__ */ i("div", { style: { flex: 1 } }),
+    r.version && /* @__PURE__ */ i(
+      s,
+      {
+        size: "small",
+        label: /* @__PURE__ */ e(l, { children: [
+          "v",
+          r.version.replace(/^v/, "")
+        ] })
+      }
+    ),
+    r.link && /* @__PURE__ */ i(a, { component: "a", href: r.link, target: "_blank", rel: "noreferrer", size: "small", children: /* @__PURE__ */ i(n, { icon: "ic:baseline-open-in-new", fontSize: "small" }) }),
+    r.classification && /* @__PURE__ */ i(f, { size: "small", classification: r.classification })
+  ] }),
+  /* @__PURE__ */ i(d, { annotation: r }),
+  /* @__PURE__ */ i(c, { variant: "caption", color: "text.secondary", children: r.summary }),
+  /* @__PURE__ */ e(t, { direction: "row", children: [
+    /* @__PURE__ */ i(c, { variant: "caption", color: "text.secondary", fontSize: "10px", children: m(r.timestamp) }),
+    /* @__PURE__ */ i("div", { style: { flex: 1 } }),
+    !!r.latency && /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", fontSize: "10px", children: [
+      Math.round(r.latency),
+      "ms"
     ] })
-  ] });
-};
-const AnnotationEntry = memo(AnnotatonEntry);
+  ] })
+] }), w = p(y);
 export {
-  AnnotationEntry as default
+  w as default
 };

package/components/AnnotationPreview.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../iconify-CXMreGTg.js";
+import "../iconify-BBckr5AQ.js";
 import "@mui/material";
-import { A } from "../AnnotationPreview-CQwKs8se.js";
+import { A as d } from "../AnnotationPreview-CKMGCoUH.js";
 import "../hooks/useAnnotations.js";
-import "../utils-7OtvGnmf.js";
+import "../utils-BnmI_6N8.js";
 import "react";
-import "../index-BDVjGvMI.js";
+import "../index-E7g8cRyW.js";
 export {
-  A as default
+  d as default
 };

package/components/ClassificationChip.js

@@ -1,52 +1,31 @@
-import { jsx } from "react/jsx-runtime";
-import { Tooltip, Chip } from "@mui/material";
-import useClueConfig from "../hooks/useClueConfig.js";
-import { getParts, normalizedClassification } from "../utils/classificationParser.js";
-import React__default, { useMemo, memo } from "react";
-const THEME_TYPES = ["default", "primary", "secondary", "error", "info", "success", "warning"];
-const ClassificationChip = React__default.memo(
-  ({ classification, ...otherProps }) => {
-    var _a, _b;
-    const { config } = useClueConfig();
-    const parts = useMemo(() => {
-      if (!config.c12nDef) {
-        return null;
-      }
-      return getParts(classification, config.c12nDef, "short", true);
-    }, [classification, config.c12nDef]);
-    const normalized = useMemo(() => {
-      if (!config.c12nDef || !parts) {
-        return classification;
-      }
-      return normalizedClassification(parts, config.c12nDef, "short", true);
-    }, [classification, config.c12nDef, parts]);
-    const chipProps = useMemo(() => {
-      var _a2, _b2, _c;
-      const definedColor = (_c = (_b2 = config.c12nDef) == null ? void 0 : _b2.levels_styles_map[(_a2 = config.c12nDef) == null ? void 0 : _a2.levels_map[parts.lvlIdx]]) == null ? void 0 : _c.color;
-      if (THEME_TYPES.includes(definedColor)) {
-        return { color: definedColor };
-      }
-      if (definedColor) {
-        return { sx: { color: definedColor } };
-      }
-      return { color: "default" };
-    }, [(_a = config.c12nDef) == null ? void 0 : _a.levels_map, (_b = config.c12nDef) == null ? void 0 : _b.levels_styles_map, parts.lvlIdx]);
-    return /* @__PURE__ */ jsx(Tooltip, { title: classification, children: /* @__PURE__ */ jsx(
-      Chip,
+import { jsx as u } from "react/jsx-runtime";
+import { Tooltip as p, Chip as x } from "@mui/material";
+import D from "../hooks/useClueConfig.js";
+import { getParts as C, normalizedClassification as _ } from "../utils/classificationParser.js";
+import v, { useMemo as s, memo as y } from "react";
+const g = ["default", "primary", "secondary", "error", "info", "success", "warning"], A = v.memo(
+  ({ classification: r, ...n }) => {
+    var i, f;
+    const { config: e } = D(), t = s(() => e.c12nDef ? C(r, e.c12nDef, "short", !0) : null, [r, e.c12nDef]), d = s(() => !e.c12nDef || !t ? r : _(t, e.c12nDef, "short", !0), [r, e.c12nDef, t]), o = s(() => {
+      var c, a, m;
+      const l = (m = (a = e.c12nDef) == null ? void 0 : a.levels_styles_map[(c = e.c12nDef) == null ? void 0 : c.levels_map[t.lvlIdx]]) == null ? void 0 : m.color;
+      return g.includes(l) ? { color: l } : l ? { sx: { color: l } } : { color: "default" };
+    }, [(i = e.c12nDef) == null ? void 0 : i.levels_map, (f = e.c12nDef) == null ? void 0 : f.levels_styles_map, t.lvlIdx]);
+    return /* @__PURE__ */ u(p, { title: r, children: /* @__PURE__ */ u(
+      x,
       {
-        variant: otherProps.variant || "outlined",
-        label: normalized,
-        ...chipProps,
-        ...otherProps,
+        variant: n.variant || "outlined",
+        label: d,
+        ...o,
+        ...n,
         sx: [
-          ...Array.isArray(chipProps.sx) ? chipProps.sx : [chipProps.sx],
-          ...Array.isArray(otherProps.sx) ? otherProps.sx : [otherProps.sx]
+          ...Array.isArray(o.sx) ? o.sx : [o.sx],
+          ...Array.isArray(n.sx) ? n.sx : [n.sx]
         ]
       }
     ) });
   }
-);
-const ClassificationChip$1 = memo(ClassificationChip);
+), M = y(A);
 export {
-  ClassificationChip$1 as default
+  M as default
 };

package/components/CountBadge.js

@@ -1,34 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { Badge } from "@mui/material";
-import { forwardRef, cloneElement, Children } from "react";
-const CountBadge = forwardRef(({ children, color = "primary", count, disabled, ...props }, ref) => {
-  if (disabled) {
-    return cloneElement(Children.only(children), { ref, ...props });
+import { jsx as m } from "react/jsx-runtime";
+import { Badge as l } from "@mui/material";
+import { forwardRef as d, cloneElement as f, Children as g } from "react";
+const b = d(({ children: r, color: a = "primary", count: t, disabled: n, ...e }, o) => n ? f(g.only(r), { ref: o, ...e }) : /* @__PURE__ */ m(
+  l,
+  {
+    ref: o,
+    ...e,
+    badgeContent: t < 100 ? t : "99+",
+    color: a,
+    sx: (i) => ({
+      "& .MuiBadge-badge": {
+        backgroundColor: "transparent",
+        color: i.palette[a].main,
+        fontWeight: "bold",
+        right: 0,
+        top: 0,
+        transform: `translateY(-25%) translateX(${Math.min(Math.ceil(Math.log10(t)), 3) * 10}%)`,
+        px: 0,
+        fontSize: ".85rem"
+      },
+      pr: 1.5
+    }),
+    children: r
   }
-  return /* @__PURE__ */ jsx(
-    Badge,
-    {
-      ref,
-      ...props,
-      badgeContent: count < 100 ? count : "99+",
-      color,
-      sx: (theme) => ({
-        "& .MuiBadge-badge": {
-          backgroundColor: "transparent",
-          color: theme.palette[color].main,
-          fontWeight: "bold",
-          right: 0,
-          top: 0,
-          transform: `translateY(-25%) translateX(${Math.min(Math.ceil(Math.log10(count)), 3) * 10}%)`,
-          px: 0,
-          fontSize: ".85rem"
-        },
-        pr: 1.5
-      }),
-      children
-    }
-  );
-});
+));
 export {
-  CountBadge as default
+  b as default
 };