@cccsaurora/clue-ui 1.2.1-patch.256 → 1.3.0-dev.255

package/components/CountBadge.js

@@ -1,29 +1,34 @@
-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
+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 });
   }
-));
+  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 {
-  b as default
+  CountBadge as default
 };

package/components/EnrichedCard.js

@@ -1,155 +1,168 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { I as C } from "../iconify-BBckr5AQ.js";
-import { useTheme as F, Card as M, CardHeader as O, Stack as W, CircularProgress as B, Divider as D, CardContent as G, Grid as c, Chip as g, Typography as b, Tooltip as H, Box as N } from "@mui/material";
-import { ClueComponentContext as R } from "../hooks/ClueComponentContext.js";
-import { b as v } from "../ActionForm-DlOXqMUx.js";
-import _ from "../hooks/useAnnotations.js";
-import $ from "../hooks/useErrors.js";
-import J from "../icons/Assessment.js";
-import K from "../icons/Context.js";
-import L from "../icons/Opinion.js";
-import { ICON_MAP as y } from "../icons/iconMap.js";
-import Q from "../text/Frequency.js";
-import { u as U } from "../useClueTypeConfig-Ct9Ygter.js";
-import { memo as V, useState as X, useMemo as T, useCallback as Y } from "react";
-import { u as Z } from "../index-Dj5C04IX.js";
-import P from "./AnnotationEntry.js";
-import ii from "./actions/ExecutePopover.js";
-import ei from "./enrichment/EnrichPopover.js";
-const ti = ({
-  type: s,
-  value: o,
-  classification: p,
-  contextIcon: z = !1,
-  counters: d = !1,
-  hideLoading: E = !1,
-  ...t
+import { jsxs, jsx } from "react/jsx-runtime";
+import { I as Icon } from "../iconify-CXMreGTg.js";
+import { useTheme, Card, CardHeader, Stack, CircularProgress, Divider, CardContent, Grid, Chip, Typography, Tooltip, Box } from "@mui/material";
+import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
+import { b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
+import useAnnotations from "../hooks/useAnnotations.js";
+import useErrors from "../hooks/useErrors.js";
+import AssessmentIcon from "../icons/Assessment.js";
+import ContextIcon from "../icons/Context.js";
+import OpinionIcon from "../icons/Opinion.js";
+import { ICON_MAP } from "../icons/iconMap.js";
+import FrequencyText from "../text/Frequency.js";
+import { u as uniq } from "../useClueTypeConfig-D2tf4-NM.js";
+import { memo, useState, useMemo, useCallback } from "react";
+import { u as useContextSelector } from "../index-AMfoEg_6.js";
+import AnnotationEntry from "./AnnotationEntry.js";
+import ExecutePopover from "./actions/ExecutePopover.js";
+import EnrichPopover from "./enrichment/EnrichPopover.js";
+const EnrichedCard = ({
+  type,
+  value,
+  classification: _classification,
+  contextIcon = false,
+  counters = false,
+  hideLoading = false,
+  ...otherProps
 }) => {
-  const u = F(), { t: I } = Z(R, (i) => i.i18next), x = v((i) => i.defaultClassification), h = v((i) => i.enrich), [S, A] = X("all"), m = T(
-    () => p ?? x,
-    [p, x]
-  ), [n, k] = _(s, o, m), a = $(o), l = { type: s, value: o, classification: m }, q = T(() => ["all", ...U(n.map((i) => i.type))], [n]), w = Y(() => h(s, o, {
-    classification: m,
-    timeout: 15,
-    force: !0
-  }), [m, h, s, o]);
-  return /* @__PURE__ */ r(
-    M,
+  const theme = useTheme();
+  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
+  const defaultClassification = useClueEnrichSelector((ctx) => ctx.defaultClassification);
+  const enrich = useClueEnrichSelector((state) => state.enrich);
+  const [filter, setFilter] = useState("all");
+  const classification = useMemo(
+    () => _classification ?? defaultClassification,
+    [_classification, defaultClassification]
+  );
+  const [annotations, loading] = useAnnotations(type, value, classification);
+  const errors = useErrors(value);
+  const enrichRequest = { type, value, classification };
+  const options = useMemo(() => ["all", ...uniq(annotations.map((annotation) => annotation.type))], [annotations]);
+  const forceEnrich = useCallback(() => {
+    return enrich(type, value, {
+      classification,
+      timeout: 15,
+      force: true
+    });
+  }, [classification, enrich, type, value]);
+  return /* @__PURE__ */ jsxs(
+    Card,
     {
       sx: [
         {
           maxWidth: "900px"
         },
-        ...Array.isArray(t == null ? void 0 : t.sx) ? t == null ? void 0 : t.sx : [t == null ? void 0 : t.sx]
+        ...Array.isArray(otherProps == null ? void 0 : otherProps.sx) ? otherProps == null ? void 0 : otherProps.sx : [otherProps == null ? void 0 : otherProps.sx]
       ],
-      ...t,
+      ...otherProps,
       children: [
-        /* @__PURE__ */ e(
-          O,
+        /* @__PURE__ */ jsx(
+          CardHeader,
           {
-            title: /* @__PURE__ */ r(W, { direction: "row", spacing: 1, alignItems: "center", children: [
-              /* @__PURE__ */ e(Q, { annotations: n, value: o, variant: "h6" }),
-              /* @__PURE__ */ e(
-                J,
+            title: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ jsx(FrequencyText, { annotations, value, variant: "h6" }),
+              /* @__PURE__ */ jsx(
+                AssessmentIcon,
                 {
-                  value: l,
-                  annotations: n,
-                  counters: d,
+                  value: enrichRequest,
+                  annotations,
+                  counters,
                   fontSize: "1em",
-                  disableTooltip: !0
+                  disableTooltip: true
                 }
               ),
-              /* @__PURE__ */ e(
-                L,
+              /* @__PURE__ */ jsx(
+                OpinionIcon,
                 {
-                  value: l,
-                  annotations: n,
-                  counters: d,
+                  value: enrichRequest,
+                  annotations,
+                  counters,
                   fontSize: "1em",
-                  disableTooltip: !0
+                  disableTooltip: true
                 }
               ),
-              /* @__PURE__ */ e(
-                K,
+              /* @__PURE__ */ jsx(
+                ContextIcon,
                 {
-                  value: l,
-                  annotations: n,
-                  counters: d,
-                  showExtraIcon: z,
+                  value: enrichRequest,
+                  annotations,
+                  counters,
+                  showExtraIcon: contextIcon,
                   fontSize: "inherit",
-                  disableTooltip: !0
+                  disableTooltip: true
                 }
               ),
-              k && !E && /* @__PURE__ */ e(B, { color: "primary", size: 18 }),
-              /* @__PURE__ */ e("div", { style: { flex: 1 } }),
-              /* @__PURE__ */ e(ei, { selector: l }),
-              /* @__PURE__ */ e(ii, { selectors: [l] })
+              loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 18 }),
+              /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+              /* @__PURE__ */ jsx(EnrichPopover, { selector: enrichRequest }),
+              /* @__PURE__ */ jsx(ExecutePopover, { selectors: [enrichRequest] })
             ] })
           }
         ),
-        /* @__PURE__ */ e(D, { sx: { mx: 1 } }),
-        /* @__PURE__ */ r(G, { sx: { p: 1 }, children: [
-          /* @__PURE__ */ r(c, { container: !0, spacing: 0.5, sx: { mb: 1 }, children: [
-            q.map((i, f) => (
+        /* @__PURE__ */ jsx(Divider, { sx: { mx: 1 } }),
+        /* @__PURE__ */ jsxs(CardContent, { sx: { p: 1 }, children: [
+          /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 0.5, sx: { mb: 1 }, children: [
+            options.map((opt, id) => (
               // eslint-disable-next-line react/no-array-index-key
-              /* @__PURE__ */ e(c, { item: !0, children: /* @__PURE__ */ e(
-                g,
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+                Chip,
                 {
                   size: "small",
-                  variant: i === S ? "filled" : "outlined",
-                  icon: y[i] && /* @__PURE__ */ e(C, { icon: y[i] }),
-                  label: /* @__PURE__ */ r(b, { variant: "caption", textTransform: "capitalize", children: [
-                    i,
+                  variant: opt === filter ? "filled" : "outlined",
+                  icon: ICON_MAP[opt] && /* @__PURE__ */ jsx(Icon, { icon: ICON_MAP[opt] }),
+                  label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
+                    opt,
                     ":",
                     " ",
-                    i === "all" ? n.length : n.filter((j) => j.type === i).length
+                    opt === "all" ? annotations.length : annotations.filter((annotation) => annotation.type === opt).length
                   ] }),
-                  onClick: () => A(i)
+                  onClick: () => setFilter(opt)
                 }
-              ) }, f)
+              ) }, id)
             )),
-            (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ e(c, { item: !0, children: /* @__PURE__ */ e(
-              H,
+            (errors == null ? void 0 : errors.length) > 0 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+              Tooltip,
               {
-                title: /* @__PURE__ */ e("div", { onClick: (i) => i.stopPropagation(), children: a.map((i) => /* @__PURE__ */ r("div", { children: [
-                  /* @__PURE__ */ e("span", { style: { textTransform: "capitalize" }, children: i.source.replace(/-/g, " ") }),
+                title: /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: errors.map((err) => /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { style: { textTransform: "capitalize" }, children: err.source.replace(/-/g, " ") }),
                   ":",
                   " ",
-                  i.message
-                ] }, i.source)) }),
-                children: /* @__PURE__ */ e(
-                  g,
+                  err.message
+                ] }, err.source)) }),
+                children: /* @__PURE__ */ jsx(
+                  Chip,
                   {
                     size: "small",
                     variant: "outlined",
-                    icon: /* @__PURE__ */ e(
-                      C,
+                    icon: /* @__PURE__ */ jsx(
+                      Icon,
                       {
                         icon: "material-symbols:timer-outline",
-                        color: u.palette.error.main,
+                        color: theme.palette.error.main,
                         style: { filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" }
                       }
                     ),
-                    label: /* @__PURE__ */ r(b, { variant: "caption", textTransform: "capitalize", children: [
-                      I("annotation.failed"),
+                    label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
+                      t("annotation.failed"),
                       ": ",
-                      a.length
+                      errors.length
                     ] }),
-                    onClick: w
+                    onClick: forceEnrich
                   }
                 )
               }
             ) })
           ] }),
-          /* @__PURE__ */ e(c, { container: !0, spacing: 1, alignItems: "stretch", children: n.map((i, f) => (
+          /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, alignItems: "stretch", children: annotations.map((annotation, id) => (
             // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ e(c, { item: !0, xs: 6, minWidth: "300px", children: /* @__PURE__ */ e(N, { sx: { border: `thin solid ${u.palette.divider}`, p: 1, height: "100%" }, children: /* @__PURE__ */ e(P, { annotation: i }) }) }, f)
+            /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, minWidth: "300px", children: /* @__PURE__ */ jsx(Box, { sx: { border: `thin solid ${theme.palette.divider}`, p: 1, height: "100%" }, children: /* @__PURE__ */ jsx(AnnotationEntry, { annotation }) }) }, id)
           )) })
         ] })
       ]
     }
   );
-}, yi = V(ti);
+};
+const EnrichedCard_default = memo(EnrichedCard);
 export {
-  yi as default
+  EnrichedCard_default as default
 };

package/components/EnrichedChip.js

@@ -1,145 +1,170 @@
-import { jsx as e, jsxs as O } from "react/jsx-runtime";
-import { Chip as B, Tooltip as G, Box as _, Stack as H, CircularProgress as J } from "@mui/material";
-import K from "./display/icons/Iconified.js";
-import { ClueComponentContext as L } from "../hooks/ClueComponentContext.js";
-import { ClueGroupContext as N } from "../hooks/ClueGroupContext.js";
-import { C as E } from "../AnnotationPreview-jzZvkCxJ.js";
-import { b as Q } from "../ActionForm-DlOXqMUx.js";
-import U from "../hooks/useAnnotations.js";
-import V from "../icons/Action.js";
-import v from "../icons/Assessment.js";
-import q from "../icons/Context.js";
-import z from "../icons/Opinion.js";
-import W from "../text/Frequency.js";
-import X, { useRef as Y, useMemo as u, useCallback as Z, useEffect as $, memo as F } from "react";
-import { u as m } from "../index-Dj5C04IX.js";
-const D = X.memo(
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Chip, Tooltip, Box, Stack, CircularProgress } from "@mui/material";
+import Iconified from "./display/icons/Iconified.js";
+import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
+import { ClueGroupContext } from "../hooks/ClueGroupContext.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CLMVD6Ec.js";
+import { b as useClueEnrichSelector } from "../ActionForm-C0aE9HUv.js";
+import useAnnotations from "../hooks/useAnnotations.js";
+import ActionIcon from "../icons/Action.js";
+import AssessmentIcon from "../icons/Assessment.js";
+import ContextIcon from "../icons/Context.js";
+import OpinionIcon from "../icons/Opinion.js";
+import FrequencyText from "../text/Frequency.js";
+import React__default, { useRef, useMemo, useCallback, useEffect, memo } from "react";
+import { u as useContextSelector } from "../index-AMfoEg_6.js";
+const EnrichedChip = React__default.memo(
   ({
-    type: C,
-    value: i,
-    classification: x,
-    contextIcon: b = !1,
-    counters: f = !1,
-    hideDetails: h = !1,
-    hideLoading: A = !1,
-    forceDetails: r = !1,
-    setForceDetails: c = null,
-    useDetailsIcon: s = !1,
-    skipEnrichment: R = !1,
-    slotProps: a = {},
-    ...l
+    type: _type,
+    value,
+    classification: _classification,
+    contextIcon = false,
+    counters = false,
+    hideDetails = false,
+    hideLoading = false,
+    forceDetails = false,
+    setForceDetails = null,
+    useDetailsIcon = false,
+    skipEnrichment = false,
+    slotProps = {},
+    ...otherProps
   }) => {
-    const { t: j } = m(L, (o) => o.i18next), d = Y(), k = m(N, (o) => o == null ? void 0 : o.type), y = Q((o) => o.defaultClassification), n = u(() => C ?? k, [C, k]), t = u(
-      () => x ?? y,
-      [x, y]
+    const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
+    const anchorRef = useRef();
+    const groupType = useContextSelector(ClueGroupContext, (ctx) => ctx == null ? void 0 : ctx.type);
+    const defaultClassification = useClueEnrichSelector((ctx) => ctx.defaultClassification);
+    const type = useMemo(() => _type ?? groupType, [_type, groupType]);
+    const classification = useMemo(
+      () => _classification ?? defaultClassification,
+      [_classification, defaultClassification]
     );
-    if (!n)
+    if (!type) {
       throw new Error("Type was not provided as a prop, and component is not used in a group context.");
-    const [p, T] = U(n, i, t, { skipEnrichment: R }), S = m(E, (o) => o.showInfo), M = m(E, (o) => o.closeInfo), w = Z(() => {
-      const o = {};
-      return c && (o.onClose = () => c(!1)), a != null && a.popover && (o.popoverProps = a.popover), o;
-    }, [c, a.popover]), g = u(
-      () => !h || s ? (o) => {
-        var I;
-        S("details", d.current, { type: n, value: i, classification: t }, w()), (I = l.onClick) == null || I.call(l, o), o.stopPropagation(), o.preventDefault();
-      } : l.onClick,
+    }
+    const [annotations, loading] = useAnnotations(type, value, classification, { skipEnrichment });
+    const showInfo = useContextSelector(CluePopupContext, (ctx) => ctx.showInfo);
+    const closeInfo = useContextSelector(CluePopupContext, (ctx) => ctx.closeInfo);
+    const buildOptions = useCallback(() => {
+      const options = {};
+      if (setForceDetails) {
+        options.onClose = () => setForceDetails(false);
+      }
+      if (slotProps == null ? void 0 : slotProps.popover) {
+        options.popoverProps = slotProps.popover;
+      }
+      return options;
+    }, [setForceDetails, slotProps.popover]);
+    const clicker = useMemo(
+      () => !hideDetails || useDetailsIcon ? (e) => {
+        var _a;
+        showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
+        (_a = otherProps.onClick) == null ? void 0 : _a.call(otherProps, e);
+        e.stopPropagation();
+        e.preventDefault();
+      } : otherProps.onClick,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [h, s, l, n, i, t]
+      [hideDetails, useDetailsIcon, otherProps, type, value, classification]
     );
-    return $(() => {
-      r ? S("details", d.current, { type: n, value: i, classification: t }, w()) : M("details", {
-        type: n,
-        value: i,
-        classification: t
-      });
-    }, [t, r, n, i]), /* @__PURE__ */ e(
-      B,
+    useEffect(() => {
+      if (forceDetails) {
+        showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
+      } else {
+        closeInfo("details", {
+          type,
+          value,
+          classification
+        });
+      }
+    }, [classification, forceDetails, type, value]);
+    return /* @__PURE__ */ jsx(
+      Chip,
       {
-        ...l,
-        ref: d,
-        variant: l.variant || "outlined",
+        ...otherProps,
+        ref: anchorRef,
+        variant: otherProps.variant || "outlined",
         sx: {
-          height: l.size !== "small" ? "40px" : "unset",
+          height: otherProps.size !== "small" ? "40px" : "unset",
           "& .MuiChip-label": { overflow: "visible" },
-          ...l.sx ?? {}
+          ...otherProps.sx ?? {}
         },
-        label: /* @__PURE__ */ O(H, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ e(
-            v,
+        label: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(
+            AssessmentIcon,
             {
-              ubiquitous: !0,
-              value: { type: n, value: i, classification: t },
-              annotations: p,
-              counters: f,
-              disableTooltip: r,
+              ubiquitous: true,
+              value: { type, value, classification },
+              annotations,
+              counters,
+              disableTooltip: forceDetails,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ e(
-            z,
+          /* @__PURE__ */ jsx(
+            OpinionIcon,
             {
-              ubiquitous: !0,
-              value: { type: n, value: i, classification: t },
-              annotations: p,
-              counters: f,
-              disableTooltip: r,
+              ubiquitous: true,
+              value: { type, value, classification },
+              annotations,
+              counters,
+              disableTooltip: forceDetails,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ e(
-            q,
+          /* @__PURE__ */ jsx(
+            ContextIcon,
             {
-              ubiquitous: !0,
-              value: { type: n, value: i, classification: t },
-              annotations: p,
-              counters: f,
-              showExtraIcon: b,
-              disableTooltip: r,
+              ubiquitous: true,
+              value: { type, value, classification },
+              annotations,
+              counters,
+              showExtraIcon: contextIcon,
+              disableTooltip: forceDetails,
               style: { flexShrink: 0 }
             }
           ),
-          l.label ?? /* @__PURE__ */ e(W, { fontSize: "inherit", annotations: p, value: i }),
-          /* @__PURE__ */ e(
-            v,
+          otherProps.label ?? /* @__PURE__ */ jsx(FrequencyText, { fontSize: "inherit", annotations, value }),
+          /* @__PURE__ */ jsx(
+            AssessmentIcon,
             {
-              value: { type: n, value: i, classification: t },
-              annotations: p,
-              counters: f,
-              disableTooltip: r,
+              value: { type, value, classification },
+              annotations,
+              counters,
+              disableTooltip: forceDetails,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ e(
-            z,
+          /* @__PURE__ */ jsx(
+            OpinionIcon,
             {
-              value: { type: n, value: i, classification: t },
-              annotations: p,
-              counters: f,
-              disableTooltip: r,
+              value: { type, value, classification },
+              annotations,
+              counters,
+              disableTooltip: forceDetails,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ e(
-            q,
+          /* @__PURE__ */ jsx(
+            ContextIcon,
             {
-              value: { type: n, value: i, classification: t },
-              annotations: p,
-              counters: f,
-              showExtraIcon: b,
-              disableTooltip: r,
+              value: { type, value, classification },
+              annotations,
+              counters,
+              showExtraIcon: contextIcon,
+              disableTooltip: forceDetails,
               style: { flexShrink: 0 }
             }
           ),
-          /* @__PURE__ */ e(V, { counters: f, value: { type: n, value: i, classification: t }, disableTooltip: r }),
-          T && !A && /* @__PURE__ */ e(J, { color: "primary", size: 16 })
+          /* @__PURE__ */ jsx(ActionIcon, { counters, value: { type, value, classification }, disableTooltip: forceDetails }),
+          loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 16 })
         ] }),
-        onClick: s ? void 0 : g,
-        onDelete: !T && s ? g : void 0,
-        deleteIcon: s ? /* @__PURE__ */ e(G, { title: j("details.open"), children: /* @__PURE__ */ e(_, { component: "span", sx: { pr: 1 }, children: /* @__PURE__ */ e(K, { icon: "ic:outline-info" }) }) }) : null
+        onClick: !useDetailsIcon ? clicker : void 0,
+        onDelete: !loading && useDetailsIcon ? clicker : void 0,
+        deleteIcon: useDetailsIcon ? /* @__PURE__ */ jsx(Tooltip, { title: t("details.open"), children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { pr: 1 }, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-info" }) }) }) : null
       }
     );
   }
-), Co = F(D);
+);
+const EnrichedChip_default = memo(EnrichedChip);
 export {
-  Co as default
+  EnrichedChip_default as default
 };