@cccsaurora/clue-ui 1.0.0-dev.49 → 1.0.0

package/components/EnrichedTypography.js

@@ -1,178 +1,152 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, Stack, CircularProgress, Tooltip, IconButton } 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-BvNpZOP0.js";
-import { useClueEnrichSelector } from "../hooks/selectors.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 { memo, useRef, useMemo, useCallback, useEffect } from "react";
-import { u as useContextSelector } from "../index-BDVjGvMI.js";
-const EnrichedTypography = ({
-  type: _type,
-  value,
-  classification: _classification,
-  contextIcon = false,
-  counters = false,
-  hideDetails = false,
-  hideLoading = false,
-  forceDetails = false,
-  setForceDetails = null,
-  useDetailsIcon = false,
-  skipEnrichment = false,
-  slotProps = {},
-  children,
-  ...otherProps
+import { jsxs as J, jsx as a } from "react/jsx-runtime";
+import { useTheme as K, Stack as L, CircularProgress as N, Tooltip as Q, IconButton as U } from "@mui/material";
+import V from "./display/icons/Iconified.js";
+import { ClueComponentContext as W } from "../hooks/ClueComponentContext.js";
+import { ClueGroupContext as X } from "../hooks/ClueGroupContext.js";
+import { C as S } from "../AnnotationPreview-DWRDhxUB.js";
+import { useClueEnrichSelector as Y } from "../hooks/selectors.js";
+import Z from "../hooks/useAnnotations.js";
+import F from "../icons/Action.js";
+import j from "../icons/Assessment.js";
+import z from "../icons/Context.js";
+import O from "../icons/Opinion.js";
+import _ from "../text/Frequency.js";
+import { memo as D, useRef as P, useMemo as y, useCallback as ii, useEffect as ni } from "react";
+import { u as C } from "../index-E7g8cRyW.js";
+const oi = ({
+  type: k,
+  value: t,
+  classification: s,
+  contextIcon: g = !1,
+  counters: r = !1,
+  hideDetails: l = !1,
+  hideLoading: R = !1,
+  forceDetails: c = !1,
+  setForceDetails: b = null,
+  useDetailsIcon: p = !1,
+  skipEnrichment: $ = !1,
+  slotProps: n = {},
+  children: G,
+  ...m
 }) => {
-  var _a, _b, _c;
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const theme = useTheme();
-  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]
+  var q, v, B;
+  const { t: M } = C(W, (i) => i.i18next), x = K(), T = P(), I = C(X, (i) => i == null ? void 0 : i.type), w = Y((i) => i.defaultClassification), o = y(() => k ?? I, [k, I]), e = y(
+    () => s ?? w,
+    [s, w]
   );
-  if (!type) {
+  if (!o)
     throw new Error("Type was not provided as a prop, and component is not used in a group context.");
-  }
-  const [annotations, loading] = useAnnotations(type, value, classification, { skipEnrichment });
-  const showInfo = useContextSelector(CluePopupContext, (state) => state.showInfo);
-  const closeInfo = useContextSelector(CluePopupContext, (state) => state.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(
-    () => !loading ? !hideDetails || useDetailsIcon ? (e) => {
-      var _a2;
-      showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
-      (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
-      e.stopPropagation();
-      e.preventDefault();
-    } : otherProps.onClick : (
+  const [f, d] = Z(o, t, e, { skipEnrichment: $ }), E = C(S, (i) => i.showInfo), H = C(S, (i) => i.closeInfo), h = ii(() => {
+    const i = {};
+    return b && (i.onClose = () => b(!1)), n != null && n.popover && (i.popoverProps = n.popover), i;
+  }, [b, n.popover]), A = y(
+    () => d ? (
       // We need to give a dummy callback when loading so the popover doesn't get confused
-      (e) => {
-        var _a2;
-        (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
+      (i) => {
+        var u;
+        (u = m.onClick) == null || u.call(m, i);
       }
-    ),
+    ) : !l || p ? (i) => {
+      var u;
+      E("details", T.current, { type: o, value: t, classification: e }, h()), (u = m.onClick) == null || u.call(m, i), i.stopPropagation(), i.preventDefault();
+    } : m.onClick,
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [loading, hideDetails, useDetailsIcon, otherProps, type, value, classification]
+    [d, l, p, m, o, t, e]
   );
-  useEffect(() => {
-    if (forceDetails) {
-      showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
-    } else {
-      closeInfo("details", {
-        type,
-        value,
-        classification
-      });
-    }
-  }, [classification, forceDetails, type, value]);
-  return /* @__PURE__ */ jsxs(
-    Stack,
+  return ni(() => {
+    c ? E("details", T.current, { type: o, value: t, classification: e }, h()) : H("details", {
+      type: o,
+      value: t,
+      classification: e
+    });
+  }, [e, c, o, t]), /* @__PURE__ */ J(
+    L,
     {
-      ref: anchorRef,
+      ref: T,
       direction: "row",
       spacing: 1,
       alignItems: "center",
-      ...slotProps == null ? void 0 : slotProps.stack,
+      ...n == null ? void 0 : n.stack,
       sx: [
         {
-          cursor: !loading && !hideDetails ? "pointer" : "inherit",
+          cursor: !d && !l ? "pointer" : "inherit",
           borderBottom: "1px solid transparent",
-          transition: theme.transitions.create(["border-bottom-color"]),
+          transition: x.transitions.create(["border-bottom-color"]),
           "&:hover": {
-            borderBottomColor: !loading && (!hideDetails ? theme.palette.primary.light : null)
+            borderBottomColor: !d && (l ? null : x.palette.primary.light)
           }
         },
-        ...Array.isArray((_a = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _a.sx) ? (_b = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _b.sx : [(_c = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _c.sx]
+        ...Array.isArray((q = n == null ? void 0 : n.stack) == null ? void 0 : q.sx) ? (v = n == null ? void 0 : n.stack) == null ? void 0 : v.sx : [(B = n == null ? void 0 : n.stack) == null ? void 0 : B.sx]
       ],
-      onClick: !useDetailsIcon ? clicker : void 0,
+      onClick: p ? void 0 : A,
       children: [
-        /* @__PURE__ */ jsx(
-          AssessmentIcon,
+        /* @__PURE__ */ a(
+          j,
           {
-            ubiquitous: true,
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            ubiquitous: !0,
+            value: { type: o, value: t, classification: e },
+            annotations: f,
+            counters: r,
+            disableTooltip: c
           }
         ),
-        /* @__PURE__ */ jsx(
-          OpinionIcon,
+        /* @__PURE__ */ a(
+          O,
           {
-            ubiquitous: true,
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            ubiquitous: !0,
+            value: { type: o, value: t, classification: e },
+            annotations: f,
+            counters: r,
+            disableTooltip: c
           }
         ),
-        /* @__PURE__ */ jsx(
-          ContextIcon,
+        /* @__PURE__ */ a(
+          z,
           {
-            ubiquitous: true,
-            value: { type, value, classification },
-            annotations,
-            counters,
-            showExtraIcon: contextIcon,
-            disableTooltip: forceDetails
+            ubiquitous: !0,
+            value: { type: o, value: t, classification: e },
+            annotations: f,
+            counters: r,
+            showExtraIcon: g,
+            disableTooltip: c
           }
         ),
-        children ?? /* @__PURE__ */ jsx(FrequencyText, { id: `enriched-${type}-value`, ...otherProps, annotations, value }),
-        /* @__PURE__ */ jsx(
-          AssessmentIcon,
+        G ?? /* @__PURE__ */ a(_, { id: `enriched-${o}-value`, ...m, annotations: f, value: t }),
+        /* @__PURE__ */ a(
+          j,
           {
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            value: { type: o, value: t, classification: e },
+            annotations: f,
+            counters: r,
+            disableTooltip: c
           }
         ),
-        /* @__PURE__ */ jsx(
-          OpinionIcon,
+        /* @__PURE__ */ a(
+          O,
           {
-            value: { type, value, classification },
-            annotations,
-            counters,
-            disableTooltip: forceDetails
+            value: { type: o, value: t, classification: e },
+            annotations: f,
+            counters: r,
+            disableTooltip: c
           }
         ),
-        /* @__PURE__ */ jsx(
-          ContextIcon,
+        /* @__PURE__ */ a(
+          z,
           {
-            value: { type, value, classification },
-            annotations,
-            counters,
-            showExtraIcon: contextIcon,
-            disableTooltip: forceDetails
+            value: { type: o, value: t, classification: e },
+            annotations: f,
+            counters: r,
+            showExtraIcon: g,
+            disableTooltip: c
           }
         ),
-        /* @__PURE__ */ jsx(ActionIcon, { counters, value: { type, value, classification }, disableTooltip: forceDetails }),
-        loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 18 }),
-        !loading && useDetailsIcon && /* @__PURE__ */ jsx(Tooltip, { title: t("details.open"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: clicker, sx: { color: theme.palette.action.disabled }, children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-info" }) }) })
+        /* @__PURE__ */ a(F, { counters: r, value: { type: o, value: t, classification: e }, disableTooltip: c }),
+        d && !R && /* @__PURE__ */ a(N, { color: "primary", size: 18 }),
+        !d && p && /* @__PURE__ */ a(Q, { title: M("details.open"), children: /* @__PURE__ */ a(U, { size: "small", onClick: A, sx: { color: x.palette.action.disabled }, children: /* @__PURE__ */ a(V, { icon: "ic:outline-info" }) }) })
       ]
     }
   );
-};
-const EnrichedTypography$1 = memo(EnrichedTypography);
+}, yi = D(oi);
 export {
-  EnrichedTypography$1 as default
+  yi as default
 };

package/components/ErrorBoundary.js

@@ -1,36 +1,32 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Accordion, AccordionSummary, Typography, AccordionDetails } from "@mui/material";
-import Iconified from "./display/icons/Iconified.js";
-import React__default from "react";
-class ErrorBoundary extends React__default.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { Box as n, Accordion as i, AccordionSummary as a, Typography as t, AccordionDetails as s } from "@mui/material";
+import c from "./display/icons/Iconified.js";
+import d from "react";
+class f extends d.Component {
+  constructor(e) {
+    super(e), this.state = { hasError: !1, error: null };
   }
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+  static getDerivedStateFromError(e) {
+    return { hasError: !0, error: e };
   }
-  componentDidCatch(error) {
-    this.setState({ hasError: true, error });
+  componentDidCatch(e) {
+    this.setState({ hasError: !0, error: e });
   }
   render() {
-    if (this.state.hasError) {
-      return /* @__PURE__ */ jsx(Box, { pt: 6, textAlign: "center", fontSize: 20, children: /* @__PURE__ */ jsxs(Accordion, { elevation: 0, children: [
-        /* @__PURE__ */ jsx(
-          AccordionSummary,
-          {
-            expandIcon: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-expand-more" }),
-            "aria-controls": "panel1-content",
-            id: "panel1-header",
-            children: /* @__PURE__ */ jsx(Typography, { align: "center", sx: { width: "100%", fontSize: "1.2rem" }, variant: "h5", children: this.state.error.message })
-          }
-        ),
-        /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsx("code", { children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: this.state.error.stack }) }) })
-      ] }) });
-    }
-    return this.props.children;
+    return this.state.hasError ? /* @__PURE__ */ r(n, { pt: 6, textAlign: "center", fontSize: 20, children: /* @__PURE__ */ o(i, { elevation: 0, children: [
+      /* @__PURE__ */ r(
+        a,
+        {
+          expandIcon: /* @__PURE__ */ r(c, { icon: "ic:baseline-expand-more" }),
+          "aria-controls": "panel1-content",
+          id: "panel1-header",
+          children: /* @__PURE__ */ r(t, { align: "center", sx: { width: "100%", fontSize: "1.2rem" }, variant: "h5", children: this.state.error.message })
+        }
+      ),
+      /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("code", { children: /* @__PURE__ */ r(t, { variant: "h6", children: this.state.error.stack }) }) })
+    ] }) }) : this.props.children;
   }
 }
 export {
-  ErrorBoundary as default
+  f as default
 };

package/components/RetryFailedEnrichments.js

@@ -1,13 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { Button } from "@mui/material";
-import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { useClueEnrichSelector } from "../hooks/selectors.js";
-import { u as useContextSelector } from "../index-BDVjGvMI.js";
-const RetryFailedEnrichments = () => {
-  const enrichFailedEnrichments = useClueEnrichSelector((ctx) => ctx.enrichFailedEnrichments);
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  return /* @__PURE__ */ jsx(Button, { onClick: enrichFailedEnrichments, children: t("retry.enrich") });
+import { jsx as n } from "react/jsx-runtime";
+import { Button as o } from "@mui/material";
+import { ClueComponentContext as i } from "../hooks/ClueComponentContext.js";
+import { useClueEnrichSelector as c } from "../hooks/selectors.js";
+import { u as m } from "../index-E7g8cRyW.js";
+const a = () => {
+  const t = c((e) => e.enrichFailedEnrichments), { t: r } = m(i, (e) => e.i18next);
+  return /* @__PURE__ */ n(o, { onClick: t, children: r("retry.enrich") });
 };
 export {
-  RetryFailedEnrichments as default
+  a as default
 };

package/components/SourcePicker.js

@@ -1,98 +1,90 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Button, Popover, TextField, Divider, Stack, FormControlLabel, Checkbox } from "@mui/material";
-import { useClueComponentSelector, useClueEnrichSelector } from "../hooks/selectors.js";
-import { memo, useState, useEffect } from "react";
-const SourcePicker = () => {
-  const { t } = useClueComponentSelector((ctx) => ctx.i18next);
-  const availableSources = useClueEnrichSelector((state) => state.availableSources);
-  const sources = useClueEnrichSelector((state) => state.sources);
-  const setSources = useClueEnrichSelector((state) => state.setSources);
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [sourceFilter, setSourceFilter] = useState();
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
+import { jsxs as n, Fragment as v, jsx as l } from "react/jsx-runtime";
+import { Button as b, Popover as w, TextField as z, Divider as F, Stack as _, FormControlLabel as m, Checkbox as d } from "@mui/material";
+import { useClueComponentSelector as E, useClueEnrichSelector as a } from "../hooks/selectors.js";
+import { memo as P, useState as g, useEffect as T } from "react";
+const L = () => {
+  const { t: r } = E((e) => e.i18next), o = a((e) => e.availableSources), t = a((e) => e.sources), c = a((e) => e.setSources), [s, i] = g(null), [h, x] = g(), C = (e) => {
+    i(e.currentTarget);
+  }, f = () => {
+    i(null);
   };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  useEffect(() => {
-    setSources(availableSources);
-  }, [availableSources]);
-  const id = !!anchorEl ? "sources-popover" : void 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Button, { "aria-describedby": id, variant: "outlined", onClick: handleClick, children: [
-      t("sources"),
+  T(() => {
+    c(o);
+  }, [o]);
+  const u = s ? "sources-popover" : void 0;
+  return /* @__PURE__ */ n(v, { children: [
+    /* @__PURE__ */ n(b, { "aria-describedby": u, variant: "outlined", onClick: C, children: [
+      r("sources"),
       " (",
-      sources.length === availableSources.length ? t("all") : sources.length,
+      t.length === o.length ? r("all") : t.length,
       ")"
     ] }),
-    /* @__PURE__ */ jsxs(
-      Popover,
+    /* @__PURE__ */ n(
+      w,
       {
-        id,
-        open: !!anchorEl,
-        anchorEl,
-        onClose: handleClose,
+        id: u,
+        open: !!s,
+        anchorEl: s,
+        onClose: f,
         anchorOrigin: {
           vertical: "bottom",
           horizontal: "left"
         },
         children: [
-          /* @__PURE__ */ jsx(
-            TextField,
+          /* @__PURE__ */ l(
+            z,
             {
-              fullWidth: true,
+              fullWidth: !0,
               sx: { p: 1, width: "350px" },
-              placeholder: t("quicksearch.placeholder"),
-              onChange: (event) => setSourceFilter(event.target.value.toLowerCase())
+              placeholder: r("quicksearch.placeholder"),
+              onChange: (e) => x(e.target.value.toLowerCase())
             }
           ),
-          /* @__PURE__ */ jsx(Divider, { orientation: "horizontal" }),
-          /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, m: 1, sx: { maxHeight: "500px", overflow: "auto" }, onClick: (e) => e.stopPropagation(), children: [
-            /* @__PURE__ */ jsx(
-              FormControlLabel,
+          /* @__PURE__ */ l(F, { orientation: "horizontal" }),
+          /* @__PURE__ */ n(_, { spacing: 0.5, m: 1, sx: { maxHeight: "500px", overflow: "auto" }, onClick: (e) => e.stopPropagation(), children: [
+            /* @__PURE__ */ l(
+              m,
               {
-                control: /* @__PURE__ */ jsx(
-                  Checkbox,
+                control: /* @__PURE__ */ l(
+                  d,
                   {
                     size: "small",
-                    checked: sources.length === availableSources.length,
+                    checked: t.length === o.length,
                     sx: { mr: 1 },
-                    onChange: (__, checked) => {
-                      setSources(checked ? availableSources : []);
+                    onChange: (e, p) => {
+                      c(p ? o : []);
                     }
                   }
                 ),
-                label: sources.length < availableSources.length ? t("sources.select.all") : t("sources.select.none"),
+                label: t.length < o.length ? r("sources.select.all") : r("sources.select.none"),
                 sx: { whiteSpace: "nowrap", textTransform: "capitalize" }
               }
             ),
-            availableSources.filter((source) => !sourceFilter || source.toLowerCase().includes(sourceFilter)).map((source) => /* @__PURE__ */ jsx(
-              FormControlLabel,
+            o.filter((e) => !h || e.toLowerCase().includes(h)).map((e) => /* @__PURE__ */ l(
+              m,
               {
-                control: /* @__PURE__ */ jsx(
-                  Checkbox,
+                control: /* @__PURE__ */ l(
+                  d,
                   {
                     size: "small",
-                    checked: sources.includes(source),
-                    onChange: (__, checked) => {
-                      setSources(checked ? [...sources, source] : sources.filter((src) => src !== source));
+                    checked: t.includes(e),
+                    onChange: (p, S) => {
+                      c(S ? [...t, e] : t.filter((k) => k !== e));
                     },
                     sx: { mr: 1 }
                   }
                 ),
-                label: source.replace(/[_-]/g, " "),
+                label: e.replace(/[_-]/g, " "),
                 sx: { whiteSpace: "nowrap", textTransform: "capitalize" }
               },
-              source
+              e
             ))
           ] })
         ]
       }
     )
   ] });
-};
-const SourcePicker$1 = memo(SourcePicker);
+}, B = P(L);
 export {
-  SourcePicker$1 as default
+  B as default
 };

package/components/actions/ActionForm.js

@@ -3,14 +3,14 @@ import "@jsonforms/material-renderers";
 import "@jsonforms/react";
 import "@mui/material";
 import "../display/icons/Iconified.js";
-import "../../index-BDrtH5ec.js";
+import "../../index-4YFAh_sa.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-c5hLIfQ-.js";
+import { A } from "../../ActionForm-WIj7BfD5.js";
 import "react";
-import "../../index-BDVjGvMI.js";
+import "../../index-E7g8cRyW.js";
 import "../ErrorBoundary.js";
 import "./form/schemaAdapter.js";
-import "../../utils-CxIhC2xH.js";
+import "../../utils-C_RX5uMP.js";
 export {
   A as default
 };