@cccsaurora/clue-ui 1.1.0-dev.52 → 1.1.0-dev.55

package/components/EnrichedCard.js

@@ -14,6 +14,8 @@ import { u as uniq } from "../ClueEnrichContext-C4hjLcHp.js";
 import { memo, useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";
 import AnnotationEntry from "./AnnotationEntry.js";
+import ExecutePopover from "./actions/ExecutePopover.js";
+import EnrichPopover from "./enrichment/EnrichPopover.js";
 const EnrichedCard = ({
   type,
   value,
@@ -34,6 +36,7 @@ const EnrichedCard = ({
   );
   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, {
@@ -61,7 +64,7 @@ const EnrichedCard = ({
               /* @__PURE__ */ jsx(
                 AssessmentIcon,
                 {
-                  value: { type, value, classification },
+                  value: enrichRequest,
                   annotations,
                   counters,
                   fontSize: "1em",
@@ -71,7 +74,7 @@ const EnrichedCard = ({
               /* @__PURE__ */ jsx(
                 OpinionIcon,
                 {
-                  value: { type, value, classification },
+                  value: enrichRequest,
                   annotations,
                   counters,
                   fontSize: "1em",
@@ -81,7 +84,7 @@ const EnrichedCard = ({
               /* @__PURE__ */ jsx(
                 ContextIcon,
                 {
-                  value: { type, value, classification },
+                  value: enrichRequest,
                   annotations,
                   counters,
                   showExtraIcon: contextIcon,
@@ -89,7 +92,10 @@ const EnrichedCard = ({
                   disableTooltip: true
                 }
               ),
-              loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 18 })
+              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] })
             ] })
           }
         ),

package/components/EnrichedChip.js

@@ -55,21 +55,15 @@ const EnrichedChip = React__default.memo(
       return options;
     }, [setForceDetails, slotProps.popover]);
     const clicker = useMemo(
-      () => !loading ? !hideDetails || useDetailsIcon ? (e) => {
+      () => !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 : (
-        // We need to give a dummy callback when loading so the popover doesn't get confused
-        (e) => {
-          var _a;
-          (_a = otherProps.onClick) == null ? void 0 : _a.call(otherProps, e);
-        }
-      ),
+      } : otherProps.onClick,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [loading, hideDetails, useDetailsIcon, otherProps, type, value, classification]
+      [hideDetails, useDetailsIcon, otherProps, type, value, classification]
     );
     useEffect(() => {
       if (forceDetails) {

package/components/EnrichedTypography.js

@@ -29,7 +29,7 @@ const EnrichedTypography = ({
   children,
   ...otherProps
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
   const theme = useTheme();
   const anchorRef = useRef();
@@ -57,21 +57,15 @@ const EnrichedTypography = ({
     return options;
   }, [setForceDetails, slotProps.popover]);
   const clicker = useMemo(
-    () => !loading ? !hideDetails || useDetailsIcon ? (e) => {
+    () => !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 : (
-      // 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);
-      }
-    ),
+    } : otherProps.onClick,
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [loading, hideDetails, useDetailsIcon, otherProps, type, value, classification]
+    [hideDetails, useDetailsIcon, otherProps, type, value, classification]
   );
   useEffect(() => {
     if (forceDetails) {
@@ -92,6 +86,7 @@ const EnrichedTypography = ({
       spacing: 1,
       alignItems: "center",
       ...slotProps == null ? void 0 : slotProps.stack,
+      className: `enriched-typography ${((_a = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _a.className) ?? ""}`.trim(),
       sx: [
         {
           cursor: !loading && !hideDetails ? "pointer" : "inherit",
@@ -101,7 +96,7 @@ const EnrichedTypography = ({
             borderBottomColor: !loading && (!hideDetails ? theme.palette.primary.light : null)
           }
         },
-        ...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((_b = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _b.sx) ? (_c = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _c.sx : [(_d = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _d.sx]
       ],
       onClick: !useDetailsIcon ? clicker : void 0,
       children: [

package/components/actions/ActionForm.js

@@ -5,7 +5,7 @@ import "@mui/material";
 import "../display/icons/Iconified.js";
 import "../../index-Bi21Wb23.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-oiPSbHip.js";
+import { A } from "../../ActionForm-BnJ5oGNK.js";
 import "../../utils-7OtvGnmf.js";
 import "react";
 import "../../index-BDVjGvMI.js";

package/components/enrichment/EnrichPopover.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Box, Typography, Divider } from "@mui/material";
 import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
-import { c as capitalize } from "../../ActionForm-oiPSbHip.js";
+import { c as capitalize } from "../../ActionForm-BnJ5oGNK.js";
 import { useState, useRef, useCallback, useEffect } from "react";
 import Iconified from "../display/icons/Iconified.js";
 const EnrichPopover = ({ show = false, size = "small", selector }) => {

package/components/group/GroupControl.js

@@ -6,7 +6,7 @@ import { SNACKBAR_EVENT_ID } from "../../data/event.js";
 import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
 import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
 import { safeDispatchEvent } from "../../utils/window.js";
-import { c as capitalize } from "../../ActionForm-oiPSbHip.js";
+import { c as capitalize } from "../../ActionForm-BnJ5oGNK.js";
 import { useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../../index-BDVjGvMI.js";
 import ExecutePopover from "../actions/ExecutePopover.js";

package/hooks/ClueActionContext.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "../index-CC12Ux-9.js";
 import "../useClueTypeConfig-HmNKKYHY.js";
-import { a, C } from "../ActionForm-oiPSbHip.js";
+import { a, C } from "../ActionForm-BnJ5oGNK.js";
 import "../components/actions/ResultModal.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";

package/hooks/ClueProvider.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { C as ClueActionProvider } from "../ActionForm-oiPSbHip.js";
+import { C as ClueActionProvider } from "../ActionForm-BnJ5oGNK.js";
 import { ClueComponentProvider } from "./ClueComponentContext.js";
 import { ClueConfigProvider } from "./ClueConfigProvider.js";
 import { ClueDatabaseProvider } from "./ClueDatabaseContext.js";

package/hooks/selectors.d.ts

@@ -1,7 +1,7 @@
-import { ClueActionContextType } from './ClueActionContext';
-import { ClueComponentContextType } from './ClueComponentContext';
-import { ClueEnrichContextType } from './ClueEnrichContextType';
-import { ClueFetcherContextType } from './ClueFetcherContext';
+import { ClueActionContextType } from "../hooks/ClueActionContext";
+import { ClueComponentContextType } from "../hooks/ClueComponentContext";
+import { ClueEnrichContextType } from "../hooks/ClueEnrichContextType";
+import { ClueFetcherContextType } from "../hooks/ClueFetcherContext";
 
 export declare const useClueFetcherSelector: <Selected>(selector: (value: ClueFetcherContextType) => Selected) => Selected;
 export declare const useClueActionsSelector: <Selected>(selector: (value: ClueActionContextType) => Selected) => Selected;

package/hooks/selectors.js

@@ -1,8 +1,8 @@
-import { u as useContextSelector } from "../index-BDVjGvMI.js";
-import { a as ClueActionContext } from "../ActionForm-oiPSbHip.js";
+import { a as ClueActionContext } from "../ActionForm-BnJ5oGNK.js";
 import { ClueComponentContext } from "./ClueComponentContext.js";
 import { C as ClueEnrichContext } from "../ClueEnrichContext-C4hjLcHp.js";
 import { ClueFetcherContext } from "./ClueFetcherContext.js";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
 const useClueFetcherSelector = (selector) => {
   return useContextSelector(ClueFetcherContext, selector);
 };

package/hooks/useClueActions.d.ts

@@ -1,4 +1,4 @@
-import { ClueActionContextType } from './ClueActionContext';
+import { ClueActionContextType } from "../hooks/ClueActionContext";
 
 declare const useClueActions: () => ClueActionContextType;
 export default useClueActions;

package/hooks/useClueActions.js

@@ -1,5 +1,5 @@
+import { u } from "../ActionForm-BnJ5oGNK.js";
 import "../index-BDVjGvMI.js";
-import { u } from "../ActionForm-oiPSbHip.js";
 export {
   u as default
 };

package/icons/Action.js

@@ -3,7 +3,7 @@ import { I as Icon } from "../iconify-CXMreGTg.js";
 import { useTheme, Stack, Divider, Typography } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
 import { C as CluePopupContext } from "../AnnotationPreview-biAV6uKB.js";
-import { u as useClueActions } from "../ActionForm-oiPSbHip.js";
+import { u as useClueActions } from "../ActionForm-BnJ5oGNK.js";
 import { g as groupBy } from "../groupBy-DC2oOuBN.js";
 import { memo, useRef, useMemo, useEffect } from "react";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";

package/main.js

@@ -1,4 +1,4 @@
-import { A, u } from "./ActionForm-oiPSbHip.js";
+import { A, u } from "./ActionForm-BnJ5oGNK.js";
 import { default as default2 } from "./components/AnnotationDetailPopover.js";
 import { A as A2 } from "./AnnotationDetails-fsvrH3_v.js";
 import { default as default3 } from "./components/AnnotationEntry.js";

package/package.json

@@ -63,7 +63,7 @@
   },
   "type": "module",
   "types": "main.d.ts",
-  "version": "1.1.0-dev.52",
+  "version": "1.1.0-dev.55",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",

package/{ActionForm-oiPSbHip.js → ActionForm-BnJ5oGNK.js}

@@ -5,13 +5,13 @@ import { Stack, Typography, IconButton, Modal, Paper, Box, Button, Divider, Circ
 import Iconified from "./components/display/icons/Iconified.js";
 import { J as JSONViewer } from "./index-Bi21Wb23.js";
 import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
-import { c as createContext, u as useContextSelector, a as useContext } from "./index-BDVjGvMI.js";
 import { A as Ajv } from "./index-CC12Ux-9.js";
 import { a as api } from "./useClueTypeConfig-HmNKKYHY.js";
 import { d as toString } from "./_baseGet-BSK_nnoz.js";
 import { b as baseSlice } from "./_baseSlice-GAv_YFTT.js";
 import { i as isEqual } from "./utils-7OtvGnmf.js";
 import { useState, useCallback, useEffect, useMemo, memo } from "react";
+import { c as createContext, u as useContextSelector, a as useContext } from "./index-BDVjGvMI.js";
 import ErrorBoundary from "./components/ErrorBoundary.js";
 import { adaptSchema } from "./components/actions/form/schemaAdapter.js";
 import ResultModal from "./components/actions/ResultModal.js";