@cccsaurora/clue-ui 1.3.0-dev.344 → 1.3.0-dev.347

package/components/ClassificationChip.d.ts

@@ -6,7 +6,7 @@ interface EnrichedChipProps {
 }
 declare const _default: React.NamedExoticComponent<EnrichedChipProps & ChipOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "disabled" | "icon" | "color" | "style" | "size" | "children" | "variant" | "classes" | "className" | "sx" | "label" | "tabIndex" | "onDelete" | "avatar" | "clickable" | "deleteIcon" | "skipFocusWhenDisabled"> & {
+}, "children" | "label" | "style" | "className" | "tabIndex" | "color" | "classes" | "sx" | "variant" | "size" | "icon" | "disabled" | "onDelete" | "avatar" | "clickable" | "deleteIcon" | "skipFocusWhenDisabled"> & {
     component?: React.ElementType;
 }>;
 export default _default;

package/components/EnrichedCard.d.ts

@@ -8,7 +8,7 @@ export interface EnrichedCardProps {
 }
 declare const _default: import('react').NamedExoticComponent<EnrichedCardProps & import('@mui/material').CardOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import('react').Ref<HTMLDivElement>;
-}, "style" | "square" | "children" | "variant" | "classes" | "className" | "sx" | "elevation" | "raised"> & {
+}, "children" | "style" | "className" | "classes" | "elevation" | "square" | "sx" | "variant" | "raised"> & {
     component?: React.ElementType;
 }>;
 export default _default;

package/components/EnrichedChip.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 
 declare const _default: React.NamedExoticComponent<EnrichmentProps & import('@mui/material').ChipOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "disabled" | "icon" | "color" | "style" | "size" | "children" | "variant" | "classes" | "className" | "sx" | "label" | "tabIndex" | "onDelete" | "avatar" | "clickable" | "deleteIcon" | "skipFocusWhenDisabled"> & {
+}, "children" | "label" | "style" | "className" | "tabIndex" | "color" | "classes" | "sx" | "variant" | "size" | "icon" | "disabled" | "onDelete" | "avatar" | "clickable" | "deleteIcon" | "skipFocusWhenDisabled"> & {
     component?: React.ElementType;
 }>;
 export default _default;

package/components/EnrichedTypography.d.ts

@@ -10,7 +10,7 @@ export interface EnrichedTypographyProps extends EnrichmentProps {
 }
 declare const _default: import('react').NamedExoticComponent<EnrichedTypographyProps & import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: import('react').Ref<HTMLSpanElement>;
-}, "fontSize" | "color" | "style" | "left" | "right" | "bottom" | "top" | "flex" | "position" | "border" | "padding" | "children" | "variant" | "classes" | "className" | "margin" | "sx" | "p" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping"> & {
+}, "children" | "p" | "style" | "className" | "color" | "height" | "width" | "align" | "classes" | "sx" | "variant" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping"> & {
     component?: React.ElementType;
 }>;
 export default _default;

package/components/ErrorBoundary.d.ts

@@ -10,6 +10,6 @@ declare class ErrorBoundary extends React.Component<PropsWithChildren<{}>, {
         error: any;
     };
     componentDidCatch(error: Error): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode>;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;
 }
 export default ErrorBoundary;

package/components/actions/formats/index.d.ts

@@ -4,5 +4,6 @@ import { FC } from 'react';
 
 declare const Result: FC<{
     result: WithActionData<ActionResult>;
+    [additionalProp: string]: any;
 }>;
 export default Result;

package/components/actions/formats/index.js

@@ -4,12 +4,18 @@ import { J as JSONViewer } from "../../../index-BF4c1XBg.js";
 import Markdown from "../../display/markdown/index.js";
 import { useTranslation } from "react-i18next";
 import { u as usePluginStore, c as clueUIPluginStore } from "../../../store-Dslbt6yE.js";
-const Result = ({ result }) => {
+const Result = ({
+  result,
+  ...additionalProps
+}) => {
   const pluginStore = usePluginStore();
   const { t } = useTranslation();
   const plugin = clueUIPluginStore.getPlugin(result.format, "action", result.actionId);
   if (plugin) {
-    const component = pluginStore.executeFunction(`${plugin}.actionResult`, { result });
+    const component = pluginStore.executeFunction(`${plugin}.actionResult`, {
+      result,
+      ...additionalProps
+    });
     if (component) {
       return component;
     }

package/components/fetchers/Fetcher.js

@@ -72,7 +72,7 @@ const Fetcher = React__default.memo(
     }, [classification, fetchSelector, fetcherId, t, type, value]);
     const resultAdditionalProps = useMemo(() => {
       if ((result == null ? void 0 : result.outcome) === "success" && result.format === "image") {
-        return { setShowPreview, ...imageProps };
+        return { onClick: () => setShowPreview(true), ...imageProps };
       }
       return { result };
     }, [imageProps, result]);

package/components/fetchers/PreviewModal.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Modal, Paper } from "@mui/material";
 import { memo } from "react";
+import { FetcherResultView } from "./FetcherResultView.js";
 const PreviewModal = ({ result, onClose, open = false, ...otherProps }) => {
   return /* @__PURE__ */ jsx(
     Modal,
@@ -12,7 +13,7 @@ const PreviewModal = ({ result, onClose, open = false, ...otherProps }) => {
       ],
       onClose,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "90%", maxWidth: "90%", p: 2, overflow: "auto" }, children: (result == null ? void 0 : result.format) === "image" && /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, style: { maxWidth: "100%" } }) })
+      children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "90%", maxWidth: "90%", p: 2, overflow: "auto" }, children: /* @__PURE__ */ jsx(FetcherResultView, { result }) })
     }
   );
 };

package/hooks/ClueProvider.js

@@ -16,7 +16,7 @@ class ClueUIPluginsRegistry {
     __publicField(this, "_plugins", [
       // { name: 'TestPlugin', id: 'none', loadPlugin: () => import('./test') },
       { name: "MarkdownPlugin", id: "markdown", loadPlugin: () => import("../index-BdAUKhOk.js") },
-      { name: "ImagePlugin", id: "image", loadPlugin: () => import("../index-DXpcBpjs.js") },
+      { name: "ImagePlugin", id: "image", loadPlugin: () => import("../index-D4mEq9G4.js") },
       { name: "JSONPlugin", id: "json", loadPlugin: () => import("../index-BJm74d7l.js") },
       { name: "GraphPlugin", id: "graph", loadPlugin: () => import("../index-DP0SQqVY.js") },
       { name: "FilePlugin", id: "file", loadPlugin: () => import("../index-Kt3RwkVk.js") }

package/{index-DXpcBpjs.js → index-D4mEq9G4.js}

@@ -13,20 +13,12 @@ class ImagePlugin extends ClueUIPlugin {
     __publicField(this, "description", "Renders images.");
   }
   actionResult(props) {
-    const { result, setShowPreview, ...additionalProps } = props;
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: result.output.image,
-        alt: result.output.alt,
-        ...additionalProps,
-        onClick: () => setShowPreview == null ? void 0 : setShowPreview(true)
-      }
-    );
+    const { result, ...additionalProps } = props;
+    return /* @__PURE__ */ jsx("img", { src: result.output.image, alt: result.output.alt, ...additionalProps });
   }
   fetcherResult(props) {
-    const { result, setShowPreview, ...additionalProps } = props;
-    return /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, ...additionalProps, onClick: () => setShowPreview == null ? void 0 : setShowPreview(true) });
+    const { result, ...additionalProps } = props;
+    return /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, ...additionalProps });
   }
 }
 export {

package/main.d.ts

@@ -5,6 +5,8 @@ import { FetcherDefinition, FetcherDefinitionsResponse, FetcherResult } from "./
 import { Annotation, BulkEnrichRequest, BulkEnrichResponses, Enrichment, EnrichResponse, EnrichResponses, FailedRequest, Selector, TypesDetectionResponse, TypesResponse, WithExtra } from "./types/lookup";
 import { ClueResponse } from "./types/network";
 import { default as RunningActionData } from "./types/RunningActionData";
+import { default as ClueUIPlugin } from '../plugins/ClueUIPlugin';
+import { ClueUIPluginDefinition } from '../plugins/registry';
 import { default as ActionForm } from './components/actions/ActionForm';
 import { default as AnnotationDetailPopover } from './components/AnnotationDetailPopover';
 import { default as AnnotationDetails } from './components/AnnotationDetails';
@@ -38,5 +40,5 @@ import { default as OpinionIcon } from './icons/Opinion';
 import { default as FrequencyText } from './text/Frequency';
 
 export { ActionForm, AnnotationDetailPopover, AnnotationDetails, AnnotationEntry, AnnotationPreview, AssessmentIcon, buildDatabase, ClueComponentContext, ClueConfigContext, ClueDatabaseContext, ClueEnrichContext, CluePopupContext, ClueProvider, ContextIcon, CountBadge, EnrichedCard, EnrichedChip, EnrichedTypography, Entry, Fetcher, FrequencyText, Group, GroupControl, OpinionIcon, SNACKBAR_EVENT_ID, SourcePicker, StatusChip, useClue, useClueActions, useClueActionsSelector, useClueConfig, useClueEnrichSelector, useClueFetcherSelector };
-export type { ActionDefinition, ActionDefinitionsResponse, ActionResult, Annotation, BulkEnrichRequest, BulkEnrichResponses, ClueConfigContextProps, ClueDatabase, ClueDatabaseCollections, ClueDatabaseContextProps, ClueResponse, EnrichedCardProps, EnrichedTypographyProps, Enrichment, EnrichmentProps, EnrichResponse, EnrichResponses, FailedRequest, FetcherDefinition, FetcherDefinitionsResponse, FetcherResult, RunningActionData, Selector, SelectorCollection, SelectorCollectionMethods, SelectorDocMethods, SelectorDocType, SelectorDocument, SnackbarEvents, StatusCollection, StatusCollectionMethods, StatusDocMethods, StatusDocType, StatusDocument, TypesDetectionResponse, TypesResponse, WithExtra };
+export type { ActionDefinition, ActionDefinitionsResponse, ActionResult, Annotation, BulkEnrichRequest, BulkEnrichResponses, ClueConfigContextProps, ClueDatabase, ClueDatabaseCollections, ClueDatabaseContextProps, ClueResponse, ClueUIPlugin, ClueUIPluginDefinition, EnrichedCardProps, EnrichedTypographyProps, Enrichment, EnrichmentProps, EnrichResponse, EnrichResponses, FailedRequest, FetcherDefinition, FetcherDefinitionsResponse, FetcherResult, RunningActionData, Selector, SelectorCollection, SelectorCollectionMethods, SelectorDocMethods, SelectorDocType, SelectorDocument, SnackbarEvents, StatusCollection, StatusCollectionMethods, StatusDocMethods, StatusDocType, StatusDocument, TypesDetectionResponse, TypesResponse, WithExtra };
 export type { ClueConfigContextProps as BorealisConfigContextProps, ClueDatabase as BorealisDatabase, ClueDatabaseCollections as BorealisDatabaseCollections, ClueDatabaseContextProps as BorealisDatabaseContextProps, ClueResponse as BorealisResponse };

package/main.js

@@ -25,7 +25,6 @@ import { default as default15 } from "./hooks/useClueConfig.js";
 import { default as default16 } from "./icons/Assessment.js";
 import { default as default17 } from "./icons/Context.js";
 import { default as default18 } from "./icons/Opinion.js";
-import { default as default19 } from "./text/Frequency.js";
 export {
   A as ActionForm,
   default2 as AnnotationDetailPopover,
@@ -46,7 +45,6 @@ export {
   default7 as EnrichedTypography,
   default10 as Entry,
   default8 as Fetcher,
-  default19 as FrequencyText,
   default11 as Group,
   default12 as GroupControl,
   default18 as OpinionIcon,

package/package.json

@@ -67,7 +67,7 @@
   },
   "type": "module",
   "types": "main.d.ts",
-  "version": "1.3.0-dev.344",
+  "version": "1.3.0-dev.347",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",