@cccsaurora/clue-ui 1.2.0-dev.253 → 1.2.0

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
 };

package/components/EnrichedCard.js

@@ -1,168 +1,155 @@
-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
+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-pWyIi01Z.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-77zd_zdF.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
 }) => {
-  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,
+  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,
     {
       sx: [
         {
           maxWidth: "900px"
         },
-        ...Array.isArray(otherProps == null ? void 0 : otherProps.sx) ? otherProps == null ? void 0 : otherProps.sx : [otherProps == null ? void 0 : otherProps.sx]
+        ...Array.isArray(t == null ? void 0 : t.sx) ? t == null ? void 0 : t.sx : [t == null ? void 0 : t.sx]
       ],
-      ...otherProps,
+      ...t,
       children: [
-        /* @__PURE__ */ jsx(
-          CardHeader,
+        /* @__PURE__ */ e(
+          O,
           {
-            title: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-              /* @__PURE__ */ jsx(FrequencyText, { annotations, value, variant: "h6" }),
-              /* @__PURE__ */ jsx(
-                AssessmentIcon,
+            title: /* @__PURE__ */ r(W, { direction: "row", spacing: 1, alignItems: "center", children: [
+              /* @__PURE__ */ e(Q, { annotations: n, value: o, variant: "h6" }),
+              /* @__PURE__ */ e(
+                J,
                 {
-                  value: enrichRequest,
-                  annotations,
-                  counters,
+                  value: l,
+                  annotations: n,
+                  counters: d,
                   fontSize: "1em",
-                  disableTooltip: true
+                  disableTooltip: !0
                 }
               ),
-              /* @__PURE__ */ jsx(
-                OpinionIcon,
+              /* @__PURE__ */ e(
+                L,
                 {
-                  value: enrichRequest,
-                  annotations,
-                  counters,
+                  value: l,
+                  annotations: n,
+                  counters: d,
                   fontSize: "1em",
-                  disableTooltip: true
+                  disableTooltip: !0
                 }
               ),
-              /* @__PURE__ */ jsx(
-                ContextIcon,
+              /* @__PURE__ */ e(
+                K,
                 {
-                  value: enrichRequest,
-                  annotations,
-                  counters,
-                  showExtraIcon: contextIcon,
+                  value: l,
+                  annotations: n,
+                  counters: d,
+                  showExtraIcon: z,
                   fontSize: "inherit",
-                  disableTooltip: true
+                  disableTooltip: !0
                 }
               ),
-              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] })
+              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] })
             ] })
           }
         ),
-        /* @__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) => (
+        /* @__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) => (
               // eslint-disable-next-line react/no-array-index-key
-              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-                Chip,
+              /* @__PURE__ */ e(c, { item: !0, children: /* @__PURE__ */ e(
+                g,
                 {
                   size: "small",
-                  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,
+                  variant: i === S ? "filled" : "outlined",
+                  icon: y[i] && /* @__PURE__ */ e(C, { icon: y[i] }),
+                  label: /* @__PURE__ */ r(b, { variant: "caption", textTransform: "capitalize", children: [
+                    i,
                     ":",
                     " ",
-                    opt === "all" ? annotations.length : annotations.filter((annotation) => annotation.type === opt).length
+                    i === "all" ? n.length : n.filter((j) => j.type === i).length
                   ] }),
-                  onClick: () => setFilter(opt)
+                  onClick: () => A(i)
                 }
-              ) }, id)
+              ) }, f)
             )),
-            (errors == null ? void 0 : errors.length) > 0 && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-              Tooltip,
+            (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ e(c, { item: !0, children: /* @__PURE__ */ e(
+              H,
               {
-                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, " ") }),
+                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, " ") }),
                   ":",
                   " ",
-                  err.message
-                ] }, err.source)) }),
-                children: /* @__PURE__ */ jsx(
-                  Chip,
+                  i.message
+                ] }, i.source)) }),
+                children: /* @__PURE__ */ e(
+                  g,
                   {
                     size: "small",
                     variant: "outlined",
-                    icon: /* @__PURE__ */ jsx(
-                      Icon,
+                    icon: /* @__PURE__ */ e(
+                      C,
                       {
                         icon: "material-symbols:timer-outline",
-                        color: theme.palette.error.main,
+                        color: u.palette.error.main,
                         style: { filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" }
                       }
                     ),
-                    label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
-                      t("annotation.failed"),
+                    label: /* @__PURE__ */ r(b, { variant: "caption", textTransform: "capitalize", children: [
+                      I("annotation.failed"),
                       ": ",
-                      errors.length
+                      a.length
                     ] }),
-                    onClick: forceEnrich
+                    onClick: w
                   }
                 )
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, alignItems: "stretch", children: annotations.map((annotation, id) => (
+          /* @__PURE__ */ e(c, { container: !0, spacing: 1, alignItems: "stretch", children: n.map((i, f) => (
             // eslint-disable-next-line react/no-array-index-key
-            /* @__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)
+            /* @__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)
           )) })
         ] })
       ]
     }
   );
-};
-const EnrichedCard_default = memo(EnrichedCard);
+}, yi = V(ti);
 export {
-  EnrichedCard_default as default
+  yi as default
 };