@cccsaurora/clue-ui 1.2.0-dev.145 → 1.2.0-dev.150

package/{ActionForm-DMSoMN9b.js → ActionForm-BGuNY5So.js}

@@ -98,6 +98,10 @@ const ResultModal = ({ result: _result, onClose, show = false }) => {
   var _a, _b;
   const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
   const result = useActionResult(_result);
+  const resultFinished = useMemo(
+    () => (result == null ? void 0 : result.outcome) === "success" || (result == null ? void 0 : result.outcome) === "failure" || (result == null ? void 0 : result.done),
+    [result == null ? void 0 : result.done, result == null ? void 0 : result.outcome]
+  );
   if (!result) {
     return null;
   }
@@ -111,7 +115,7 @@ const ResultModal = ({ result: _result, onClose, show = false }) => {
     ] }),
     /* @__PURE__ */ jsx(Typography, { variant: "body1", children: result.action.summary }),
     /* @__PURE__ */ jsx(Divider, { flexItem: true }),
-    result.done ? /* @__PURE__ */ jsx(ErrorBoundary, { children: result.format === "markdown" ? /* @__PURE__ */ jsx(Markdown, { md: result.output }) : result.format === "json" ? /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true }) : /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+    resultFinished ? /* @__PURE__ */ jsx(ErrorBoundary, { children: result.format === "markdown" ? /* @__PURE__ */ jsx(Markdown, { md: result.output }) : result.format === "json" ? /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true }) : /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
       /* @__PURE__ */ jsx(Markdown, { md: "`" + result.format + "` is not recognized as a format in this application." }),
       /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
     ] }) }) : /* @__PURE__ */ jsxs(Stack, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [

package/components/actions/ActionForm.js

@@ -5,7 +5,7 @@ import "@mui/material";
 import "../display/icons/Iconified.js";
 import "../../index-Bmoj6JY8.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-DMSoMN9b.js";
+import { A } from "../../ActionForm-BGuNY5So.js";
 import "../../utils-CW9CNV1h.js";
 import "react";
 import "../../index-BDVjGvMI.js";

package/components/actions/ExecutePopover.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { I as Icon } from "../../iconify-CXMreGTg.js";
-import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Box, Typography, Divider } from "@mui/material";
+import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Typography, Box, Divider } from "@mui/material";
 import Iconified from "../display/icons/Iconified.js";
 import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
 import { useClueActionsSelector } from "../../hooks/selectors.js";
@@ -62,25 +62,52 @@ const ExecutePopover = ({ show = false, size = "small", selectors, multiples = f
         onClose: () => setShowExecuteMenu(false),
         anchorEl: executeEl.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        children: /* @__PURE__ */ jsx(Paper, { onClick: () => setShowExecuteMenu(false), children: /* @__PURE__ */ jsx(Stack, { divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: Object.entries(actions).map(([actionId, action]) => /* @__PURE__ */ jsx(
-          Box,
+        children: /* @__PURE__ */ jsx(Paper, { onClick: () => setShowExecuteMenu(false), children: /* @__PURE__ */ jsx(Stack, { divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: Object.entries(actions).map(([actionId, action]) => /* @__PURE__ */ jsxs(
+          Stack,
           {
             sx: {
-              px: 3,
+              pl: 3,
+              pr: 2,
               py: 1,
               cursor: "pointer",
               transition: theme.transitions.create("background-color"),
               "&:hover": { backgroundColor: theme.palette.background.default }
             },
-            onClick: () => executeAction(actionId, selectors),
-            children: /* @__PURE__ */ jsxs(Stack, { children: [
-              /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-                action.action_icon && /* @__PURE__ */ jsx(Icon, { icon: action.action_icon }),
-                /* @__PURE__ */ jsx(Typography, { variant: "body1", children: action.name }),
-                /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: action.classification })
+            onClick: (ev) => {
+              if (!ev.isPropagationStopped()) {
+                executeAction(actionId, selectors);
+              }
+            },
+            direction: "row",
+            spacing: 1,
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
+                /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+                  action.action_icon && /* @__PURE__ */ jsx(Icon, { icon: action.action_icon }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body1", children: action.name }),
+                  /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: action.classification })
+                ] }),
+                action.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", maxWidth: "300px", children: action.summary })
               ] }),
-              action.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: action.summary })
-            ] })
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: { pl: 1 },
+                  onClick: (ev) => {
+                    ev.stopPropagation();
+                  },
+                  children: /* @__PURE__ */ jsx(Tooltip, { title: t("actions.execute.menu"), children: /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      size: "small",
+                      onClick: () => executeAction(actionId, selectors, null, { forceMenu: true }),
+                      children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-settings" })
+                    }
+                  ) })
+                }
+              )
+            ]
           },
           actionId
         )) }) })

package/components/actions/ResultModal.js

@@ -4,7 +4,7 @@ import "@mui/material";
 import "../../index-Bmoj6JY8.js";
 import "../display/markdown/index.js";
 import "../../hooks/ClueComponentContext.js";
-import { R } from "../../ActionForm-DMSoMN9b.js";
+import { R } from "../../ActionForm-BGuNY5So.js";
 import "react";
 import "../../index-BDVjGvMI.js";
 import "../ClassificationChip.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-DMSoMN9b.js";
+import { c as capitalize } from "../../ActionForm-BGuNY5So.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-DMSoMN9b.js";
+import { c as capitalize } from "../../ActionForm-BGuNY5So.js";
 import { useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../../index-BDVjGvMI.js";
 import ExecutePopover from "../actions/ExecutePopover.js";

package/en/translation.json

@@ -2,6 +2,7 @@
   "action.available": "Available Actions",
   "action.data": "Action Data",
   "actions.execute": "Execute",
+  "actions.execute.menu": "Execute with options",
   "actions.executing": "Executing",
   "actions.json.hide": "Hide JSON",
   "actions.json.show": "Show JSON",

package/fr/translation.json

@@ -2,6 +2,7 @@
   "action.available": "Actions disponibles",
   "action.data": "Données d'Action",
   "actions.execute": "Execute",
+  "actions.execute.menu": "Exécuter avec options",
   "actions.executing": "Executing",
   "actions.json.hide": "Masquer JSON",
   "actions.json.show": "Afficher JSON",

package/hooks/ClueActionContext.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "../index-CC12Ux-9.js";
 import "../useClueTypeConfig-CHWm5uda.js";
-import { a, C } from "../ActionForm-DMSoMN9b.js";
+import { a, C } from "../ActionForm-BGuNY5So.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";

package/hooks/ClueProvider.js

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

package/hooks/selectors.js

@@ -1,4 +1,4 @@
-import { a as ClueActionContext } from "../ActionForm-DMSoMN9b.js";
+import { a as ClueActionContext } from "../ActionForm-BGuNY5So.js";
 import { ClueComponentContext } from "./ClueComponentContext.js";
 import { C as ClueEnrichContext } from "../ClueEnrichContext-DzZhWGxh.js";
 import { ClueFetcherContext } from "./ClueFetcherContext.js";

package/hooks/useActionResult.js

@@ -1,5 +1,5 @@
 import "react";
-import { b } from "../ActionForm-DMSoMN9b.js";
+import { b } from "../ActionForm-BGuNY5So.js";
 export {
   b as useActionResult
 };

package/hooks/useClueActions.js

@@ -1,4 +1,4 @@
-import { u } from "../ActionForm-DMSoMN9b.js";
+import { u } from "../ActionForm-BGuNY5So.js";
 import "../index-BDVjGvMI.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-D5NX8_su.js";
-import { u as useClueActions } from "../ActionForm-DMSoMN9b.js";
+import { u as useClueActions } from "../ActionForm-BGuNY5So.js";
 import { g as groupBy } from "../groupBy-mXHt-nYT.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-DMSoMN9b.js";
+import { A, u } from "./ActionForm-BGuNY5So.js";
 import { default as default2 } from "./components/AnnotationDetailPopover.js";
 import { A as A2 } from "./AnnotationDetails-CbXSCkTF.js";
 import { default as default3 } from "./components/AnnotationEntry.js";

package/package.json

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