@cccsaurora/howler-ui 2.17.0-dev.420 → 2.17.0-dev.473

package/package.json

@@ -12,6 +12,7 @@
     ]
   },
   "dependencies": {
+    "@cccsaurora/clue-ui": "1.1.0-dev.91",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
@@ -20,46 +21,50 @@
     "@iconify/icons-logos": "^1.2.36",
     "@iconify/icons-simple-icons": "^1.2.74",
     "@iconify/react": "^4.1.1",
-    "@microlink/react-json-view": "^1.26.2",
+    "@jsonforms/core": "^3.7.0",
+    "@jsonforms/material-renderers": "^3.7.0",
+    "@jsonforms/react": "^3.7.0",
+    "@microlink/react-json-view": "^1.27.1",
     "@monaco-editor/react": "^4.7.0",
     "ajv": "^8.17.1",
     "ajv-i18n": "^4.2.0",
-    "axios": "^1.12.0",
+    "axios": "^1.13.5",
     "axios-retry": "^3.9.1",
-    "chart.js": "^4.5.0",
+    "chart.js": "^4.5.1",
     "chartjs-adapter-dayjs-4": "^1.0.4",
     "chartjs-plugin-zoom": "^2.2.0",
-    "dayjs": "^1.11.13",
-    "dompurify": "^3.2.6",
+    "dayjs": "^1.11.19",
+    "dompurify": "^3.3.1",
     "flat": "^6.0.1",
     "fuse.js": "^7.1.0",
     "handlebars": "^4.7.8",
     "handlebars-async-helpers": "^1.0.6",
     "i18next": "^23.16.8",
     "i18next-browser-languagedetector": "^7.2.2",
+    "json-schema": "^0.4.0",
     "lodash-es": "^4.17.23",
     "md5": "^2.3.0",
-    "mermaid": "^11.10.0",
+    "mermaid": "^11.12.2",
     "monaco-editor": "^0.49.0",
     "notistack": "^3.0.2",
     "react": "^18.3.1",
-    "react-chartjs-2": "^5.3.0",
+    "react-chartjs-2": "^5.3.1",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.3.1",
     "react-i18next": "^14.1.3",
-    "react-ipynb-renderer": "^2.2.4",
+    "react-ipynb-renderer": "^2.3.0",
     "react-markdown": "^10.1.0",
     "react-pluggable": "^0.4.3",
     "react-resize-detector": "^9.1.1",
-    "react-router": "^7.13.0",
-    "react-router-dom": "^6.30.1",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-router": "6.30.1",
+    "react-router-dom": "6.30.1",
+    "react-syntax-highlighter": "^15.6.6",
     "rehype-raw": "^7.0.0",
     "remark": "^15.0.1",
     "remark-gfm": "^4.0.1",
-    "scheduler": "^0.23.2",
+    "scheduler": "^0.27.0",
     "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0",
+    "unist-util-visit": "^5.1.0",
     "url-join": "^5.0.0",
     "use-context-selector": "^2.0.0",
     "uuid": "^9.0.1",
@@ -96,130 +101,81 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.17.0-dev.420",
+  "version": "2.17.0-dev.473",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
-    "./api/*": "./api/*.js",
-    "./api": "./api/index.js",
-    "./models/*": "./models/*.js",
-    "./locales/*.json": "./locales/*.json",
+    "./components/*": "./components/*.js",
     "./branding/*": "./branding/*.js",
+    "./tests/*": "./tests/*.js",
+    "./commons/*": "./commons/*.js",
     "./utils/*": "./utils/*.js",
     "./utils/*.json": "./utils/*.json",
+    "./locales/*.json": "./locales/*.json",
+    "./api/*": "./api/*.js",
+    "./api": "./api/index.js",
+    "./plugins/*": "./plugins/*.js",
+    "./models/*": "./models/*.js",
     "./rest/*": "./rest/*.js",
     "./rest": "./rest/index.js",
-    "./components/*": "./components/*.js",
-    "./commons/*": "./commons/*.js",
-    "./plugins/*": "./plugins/*.js",
-    "./tests/*": "./tests/*.js",
-    "./api/analytic/*": "./api/analytic/*.js",
-    "./api/analytic": "./api/analytic/index.js",
-    "./api/template/*": "./api/template/*.js",
-    "./api/template": "./api/template/index.js",
-    "./api/hit/*": "./api/hit/*.js",
-    "./api/hit": "./api/hit/index.js",
-    "./api/notebook/*": "./api/notebook/*.js",
-    "./api/notebook": "./api/notebook/index.js",
-    "./api/auth/*": "./api/auth/*.js",
-    "./api/auth": "./api/auth/index.js",
-    "./api/search/*": "./api/search/*.js",
-    "./api/search": "./api/search/index.js",
-    "./api/dossier/*": "./api/dossier/*.js",
-    "./api/dossier": "./api/dossier/index.js",
-    "./api/view/*": "./api/view/*.js",
-    "./api/view": "./api/view/index.js",
-    "./api/overview/*": "./api/overview/*.js",
-    "./api/overview": "./api/overview/index.js",
-    "./api/user/*": "./api/user/*.js",
-    "./api/user": "./api/user/index.js",
-    "./api/action/*": "./api/action/*.js",
-    "./api/action": "./api/action/index.js",
-    "./api/configs/*": "./api/configs/*.js",
-    "./api/configs": "./api/configs/index.js",
-    "./api/analytic/comments/*": "./api/analytic/comments/*.js",
-    "./api/analytic/comments": "./api/analytic/comments/index.js",
-    "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",
-    "./api/analytic/notebooks": "./api/analytic/notebooks/index.js",
-    "./api/hit/comments/*": "./api/hit/comments/*.js",
-    "./api/hit/comments": "./api/hit/comments/index.js",
-    "./api/search/facet/*": "./api/search/facet/*.js",
-    "./api/search/facet": "./api/search/facet/index.js",
-    "./api/search/explain/*": "./api/search/explain/*.js",
-    "./api/search/count/*": "./api/search/count/*.js",
-    "./api/search/count": "./api/search/count/index.js",
-    "./api/search/fields/*": "./api/search/fields/*.js",
-    "./api/search/fields": "./api/search/fields/index.js",
-    "./api/search/eql/*": "./api/search/eql/*.js",
-    "./api/search/sigma/*": "./api/search/sigma/*.js",
-    "./api/search/grouped/*": "./api/search/grouped/*.js",
-    "./api/search/grouped": "./api/search/grouped/index.js",
-    "./api/search/histogram/*": "./api/search/histogram/*.js",
-    "./api/search/histogram": "./api/search/histogram/index.js",
-    "./api/user/avatar/*": "./api/user/avatar/*.js",
-    "./api/user/avatar": "./api/user/avatar/index.js",
-    "./models/socket/*": "./models/socket/*.js",
-    "./models/entities/*": "./models/entities/*.js",
-    "./models/entities/generated/*": "./models/entities/generated/*.js",
-    "./locales/en/*.json": "./locales/en/*.json",
-    "./locales/fr/*.json": "./locales/fr/*.json",
-    "./locales/en/help/*.json": "./locales/en/help/*.json",
-    "./locales/fr/help/*.json": "./locales/fr/help/*.json",
-    "./components/hooks/*": "./components/hooks/*.js",
-    "./components/app/*": "./components/app/*.js",
     "./components/logins/*": "./components/logins/*.js",
+    "./components/app/*": "./components/app/*.js",
     "./components/elements/*": "./components/elements/*.js",
+    "./components/hooks/*": "./components/hooks/*.js",
     "./components/routes/*": "./components/routes/*.js",
-    "./components/app/hooks/*": "./components/app/hooks/*.js",
-    "./components/app/providers/*": "./components/app/providers/*.js",
-    "./components/app/drawers/*": "./components/app/drawers/*.js",
-    "./components/logins/hooks/*": "./components/logins/hooks/*.js",
     "./components/logins/auth/*": "./components/logins/auth/*.js",
-    "./components/elements/addons/*": "./components/elements/addons/*.js",
+    "./components/logins/hooks/*": "./components/logins/hooks/*.js",
+    "./components/app/drawers/*": "./components/app/drawers/*.js",
+    "./components/app/providers/*": "./components/app/providers/*.js",
+    "./components/app/hooks/*": "./components/app/hooks/*.js",
+    "./components/elements/display/*": "./components/elements/display/*.js",
     "./components/elements/hit/*": "./components/elements/hit/*.js",
     "./components/elements/view/*": "./components/elements/view/*.js",
-    "./components/elements/display/*": "./components/elements/display/*.js",
+    "./components/elements/addons/*": "./components/elements/addons/*.js",
+    "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
+    "./components/elements/display/modals/*": "./components/elements/display/modals/*.js",
+    "./components/elements/display/features/*": "./components/elements/display/features/*.js",
+    "./components/elements/display/icons/*": "./components/elements/display/icons/*.js",
+    "./components/elements/display/json/*": "./components/elements/display/json/*.js",
+    "./components/elements/display/markdownPlugins/*.md": "./components/elements/display/markdownPlugins/*.md.js",
+    "./components/elements/display/icons/svg/*": "./components/elements/display/icons/svg/*.js",
+    "./components/elements/hit/actions/*": "./components/elements/hit/actions/*.js",
+    "./components/elements/hit/related/*": "./components/elements/hit/related/*.js",
+    "./components/elements/hit/elements/*": "./components/elements/hit/elements/*.js",
+    "./components/elements/hit/outlines/*": "./components/elements/hit/outlines/*.js",
+    "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
+    "./components/elements/hit/outlines/al/*": "./components/elements/hit/outlines/al/*.js",
     "./components/elements/addons/buttons/*": "./components/elements/addons/buttons/*.js",
     "./components/elements/addons/buttons": "./components/elements/addons/buttons/index.js",
-    "./components/elements/addons/search/*": "./components/elements/addons/search/*.js",
-    "./components/elements/addons/layout/*": "./components/elements/addons/layout/*.js",
     "./components/elements/addons/lists/*": "./components/elements/addons/lists/*.js",
     "./components/elements/addons/lists": "./components/elements/addons/lists/index.js",
+    "./components/elements/addons/search/*": "./components/elements/addons/search/*.js",
+    "./components/elements/addons/layout/*": "./components/elements/addons/layout/*.js",
+    "./components/elements/addons/lists/table/*": "./components/elements/addons/lists/table/*.js",
+    "./components/elements/addons/lists/table": "./components/elements/addons/lists/table/index.js",
+    "./components/elements/addons/lists/hooks/*": "./components/elements/addons/lists/hooks/*.js",
     "./components/elements/addons/search/phrase/*": "./components/elements/addons/search/phrase/*.js",
     "./components/elements/addons/search/phrase": "./components/elements/addons/search/phrase/index.js",
     "./components/elements/addons/search/phrase/word/*": "./components/elements/addons/search/phrase/word/*.js",
     "./components/elements/addons/search/phrase/word/consumers/*": "./components/elements/addons/search/phrase/word/consumers/*.js",
     "./components/elements/addons/layout/vsbox/*": "./components/elements/addons/layout/vsbox/*.js",
-    "./components/elements/addons/lists/hooks/*": "./components/elements/addons/lists/hooks/*.js",
-    "./components/elements/addons/lists/table/*": "./components/elements/addons/lists/table/*.js",
-    "./components/elements/addons/lists/table": "./components/elements/addons/lists/table/index.js",
-    "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
-    "./components/elements/hit/outlines/*": "./components/elements/hit/outlines/*.js",
-    "./components/elements/hit/related/*": "./components/elements/hit/related/*.js",
-    "./components/elements/hit/elements/*": "./components/elements/hit/elements/*.js",
-    "./components/elements/hit/actions/*": "./components/elements/hit/actions/*.js",
-    "./components/elements/hit/outlines/al/*": "./components/elements/hit/outlines/al/*.js",
-    "./components/elements/display/icons/*": "./components/elements/display/icons/*.js",
-    "./components/elements/display/modals/*": "./components/elements/display/modals/*.js",
-    "./components/elements/display/markdownPlugins/*.md": "./components/elements/display/markdownPlugins/*.md.js",
-    "./components/elements/display/json/*": "./components/elements/display/json/*.js",
-    "./components/elements/display/handlebars/*": "./components/elements/display/handlebars/*.js",
-    "./components/elements/display/features/*": "./components/elements/display/features/*.js",
-    "./components/elements/display/icons/svg/*": "./components/elements/display/icons/svg/*.js",
-    "./components/routes/admin/*": "./components/routes/admin/*.js",
-    "./components/routes/dossiers/*": "./components/routes/dossiers/*.js",
-    "./components/routes/advanced/*": "./components/routes/advanced/*.js",
-    "./components/routes/hits/*": "./components/routes/hits/*.js",
-    "./components/routes/settings/*": "./components/routes/settings/*.js",
     "./components/routes/home/*": "./components/routes/home/*.js",
     "./components/routes/home": "./components/routes/home/index.js",
-    "./components/routes/analytics/*": "./components/routes/analytics/*.js",
-    "./components/routes/help/*": "./components/routes/help/*.js",
     "./components/routes/action/*": "./components/routes/action/*.js",
-    "./components/routes/views/*": "./components/routes/views/*.js",
-    "./components/routes/overviews/*": "./components/routes/overviews/*.js",
     "./components/routes/templates/*": "./components/routes/templates/*.js",
-    "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
+    "./components/routes/dossiers/*": "./components/routes/dossiers/*.js",
+    "./components/routes/overviews/*": "./components/routes/overviews/*.js",
+    "./components/routes/views/*": "./components/routes/views/*.js",
+    "./components/routes/hits/*": "./components/routes/hits/*.js",
+    "./components/routes/analytics/*": "./components/routes/analytics/*.js",
+    "./components/routes/advanced/*": "./components/routes/advanced/*.js",
+    "./components/routes/help/*": "./components/routes/help/*.js",
+    "./components/routes/admin/*": "./components/routes/admin/*.js",
+    "./components/routes/settings/*": "./components/routes/settings/*.js",
+    "./components/routes/action/edit/*": "./components/routes/action/edit/*.js",
+    "./components/routes/action/view/*": "./components/routes/action/view/*.js",
+    "./components/routes/action/shared/*": "./components/routes/action/shared/*.js",
+    "./components/routes/overviews/template/*": "./components/routes/overviews/template/*.js",
     "./components/routes/hits/search/*": "./components/routes/hits/search/*.js",
     "./components/routes/hits/view/*": "./components/routes/hits/view/*.js",
     "./components/routes/hits/search/grid/*": "./components/routes/hits/search/grid/*.js",
@@ -227,30 +183,83 @@
     "./components/routes/analytics/widgets/*": "./components/routes/analytics/widgets/*.js",
     "./components/routes/help/components/*": "./components/routes/help/components/*.js",
     "./components/routes/help/markdown/*.md": "./components/routes/help/markdown/*.md.js",
-    "./components/routes/help/markdown/en/*.md": "./components/routes/help/markdown/en/*.md.js",
     "./components/routes/help/markdown/fr/*.md": "./components/routes/help/markdown/fr/*.md.js",
-    "./components/routes/action/view/*": "./components/routes/action/view/*.js",
-    "./components/routes/action/shared/*": "./components/routes/action/shared/*.js",
-    "./components/routes/action/edit/*": "./components/routes/action/edit/*.js",
-    "./components/routes/overviews/template/*": "./components/routes/overviews/template/*.js",
+    "./components/routes/help/markdown/en/*.md": "./components/routes/help/markdown/en/*.md.js",
+    "./components/routes/admin/users/*": "./components/routes/admin/users/*.js",
     "./commons/components/*": "./commons/components/*.js",
+    "./commons/components/breadcrumbs/*": "./commons/components/breadcrumbs/*.js",
+    "./commons/components/app/*": "./commons/components/app/*.js",
     "./commons/components/utils/*": "./commons/components/utils/*.js",
+    "./commons/components/notification/*": "./commons/components/notification/*.js",
+    "./commons/components/notification": "./commons/components/notification/index.js",
+    "./commons/components/display/*": "./commons/components/display/*.js",
     "./commons/components/leftnav/*": "./commons/components/leftnav/*.js",
+    "./commons/components/search/*": "./commons/components/search/*.js",
     "./commons/components/pages/*": "./commons/components/pages/*.js",
     "./commons/components/topnav/*": "./commons/components/topnav/*.js",
-    "./commons/components/app/*": "./commons/components/app/*.js",
-    "./commons/components/search/*": "./commons/components/search/*.js",
-    "./commons/components/breadcrumbs/*": "./commons/components/breadcrumbs/*.js",
-    "./commons/components/display/*": "./commons/components/display/*.js",
-    "./commons/components/notification/*": "./commons/components/notification/*.js",
-    "./commons/components/notification": "./commons/components/notification/index.js",
-    "./commons/components/utils/hooks/*": "./commons/components/utils/hooks/*.js",
-    "./commons/components/pages/hooks/*": "./commons/components/pages/hooks/*.js",
+    "./commons/components/app/providers/*": "./commons/components/app/providers/*.js",
     "./commons/components/app/hooks/*": "./commons/components/app/hooks/*.js",
     "./commons/components/app/hooks": "./commons/components/app/hooks/index.js",
-    "./commons/components/app/providers/*": "./commons/components/app/providers/*.js",
-    "./commons/components/display/hooks/*": "./commons/components/display/hooks/*.js",
+    "./commons/components/utils/hooks/*": "./commons/components/utils/hooks/*.js",
     "./commons/components/notification/elements/*": "./commons/components/notification/elements/*.js",
-    "./commons/components/notification/elements/item/*": "./commons/components/notification/elements/item/*.js"
+    "./commons/components/notification/elements/item/*": "./commons/components/notification/elements/item/*.js",
+    "./commons/components/display/hooks/*": "./commons/components/display/hooks/*.js",
+    "./commons/components/pages/hooks/*": "./commons/components/pages/hooks/*.js",
+    "./locales/fr/*.json": "./locales/fr/*.json",
+    "./locales/en/*.json": "./locales/en/*.json",
+    "./locales/fr/help/*.json": "./locales/fr/help/*.json",
+    "./locales/en/help/*.json": "./locales/en/help/*.json",
+    "./api/overview/*": "./api/overview/*.js",
+    "./api/overview": "./api/overview/index.js",
+    "./api/action/*": "./api/action/*.js",
+    "./api/action": "./api/action/index.js",
+    "./api/auth/*": "./api/auth/*.js",
+    "./api/auth": "./api/auth/index.js",
+    "./api/notebook/*": "./api/notebook/*.js",
+    "./api/notebook": "./api/notebook/index.js",
+    "./api/template/*": "./api/template/*.js",
+    "./api/template": "./api/template/index.js",
+    "./api/analytic/*": "./api/analytic/*.js",
+    "./api/analytic": "./api/analytic/index.js",
+    "./api/user/*": "./api/user/*.js",
+    "./api/user": "./api/user/index.js",
+    "./api/dossier/*": "./api/dossier/*.js",
+    "./api/dossier": "./api/dossier/index.js",
+    "./api/search/*": "./api/search/*.js",
+    "./api/search": "./api/search/index.js",
+    "./api/configs/*": "./api/configs/*.js",
+    "./api/configs": "./api/configs/index.js",
+    "./api/hit/*": "./api/hit/*.js",
+    "./api/hit": "./api/hit/index.js",
+    "./api/view/*": "./api/view/*.js",
+    "./api/view": "./api/view/index.js",
+    "./api/analytic/comments/*": "./api/analytic/comments/*.js",
+    "./api/analytic/comments": "./api/analytic/comments/index.js",
+    "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",
+    "./api/analytic/notebooks": "./api/analytic/notebooks/index.js",
+    "./api/user/avatar/*": "./api/user/avatar/*.js",
+    "./api/user/avatar": "./api/user/avatar/index.js",
+    "./api/search/eql/*": "./api/search/eql/*.js",
+    "./api/search/histogram/*": "./api/search/histogram/*.js",
+    "./api/search/histogram": "./api/search/histogram/index.js",
+    "./api/search/facet/*": "./api/search/facet/*.js",
+    "./api/search/facet": "./api/search/facet/index.js",
+    "./api/search/fields/*": "./api/search/fields/*.js",
+    "./api/search/fields": "./api/search/fields/index.js",
+    "./api/search/grouped/*": "./api/search/grouped/*.js",
+    "./api/search/grouped": "./api/search/grouped/index.js",
+    "./api/search/sigma/*": "./api/search/sigma/*.js",
+    "./api/search/explain/*": "./api/search/explain/*.js",
+    "./api/search/count/*": "./api/search/count/*.js",
+    "./api/search/count": "./api/search/count/index.js",
+    "./api/hit/comments/*": "./api/hit/comments/*.js",
+    "./api/hit/comments": "./api/hit/comments/index.js",
+    "./plugins/clue/*": "./plugins/clue/*.js",
+    "./plugins/clue": "./plugins/clue/index.js",
+    "./plugins/clue/components/*": "./plugins/clue/components/*.js",
+    "./plugins/clue/locales/*": "./plugins/clue/locales/*.js",
+    "./models/socket/*": "./models/socket/*.js",
+    "./models/entities/*": "./models/entities/*.js",
+    "./models/entities/generated/*": "./models/entities/generated/*.js"
   }
 }

package/plugins/HowlerPlugin.js

@@ -133,6 +133,7 @@ class HowlerPlugin {
         if (isRoot) {
             if (breadcrumbs != null) {
                 breadcrumbs = null;
+                // eslint-disable-next-line no-console
                 console.warn(`Sitemap '${path}' with isRoot should not contain breadcrumbs and have been removed`);
             }
         }

package/plugins/clue/Provider.d.ts

@@ -0,0 +1,3 @@
+import { type PropsWithChildren } from 'react';
+declare const Provider: React.FC<PropsWithChildren<{}>>;
+export default Provider;

package/plugins/clue/Provider.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ClueProvider } from '@cccsaurora/clue-ui/hooks/ClueProvider';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
+import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { getStored } from '@cccsaurora/howler-ui/utils/localStorage';
+const Provider = ({ children }) => {
+    const { config } = useContext(ApiConfigContext);
+    const features = config.configuration?.features ?? {};
+    return (_jsx(ClueProvider, { baseURL: location.origin + '/api/v1/clue', getToken: () => getStored(StorageKey.APP_TOKEN), enabled: features.clue, publicIconify: location.origin.includes('localhost'), customIconify: location.origin.replace(/howler(-stg)?/, 'icons'), defaultTimeout: 5, i18next: useTranslation('clue'), chunkSize: 50, children: children }));
+};
+export default Provider;

package/plugins/clue/components/ClueChip.d.ts

@@ -0,0 +1,3 @@
+import type { PluginChipProps } from '@cccsaurora/howler-ui/components/elements/PluginChip';
+declare const _default: import("react").NamedExoticComponent<PluginChipProps>;
+export default _default;

package/plugins/clue/components/ClueChip.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import EnrichedChip from '@cccsaurora/clue-ui/components/EnrichedChip';
+import { Chip } from '@mui/material';
+import { memo } from 'react';
+import { useType } from '../utils';
+const ClueChip = ({ children, value, context, field, hit, ...props }) => {
+    const type = useType(hit, field, value);
+    if (!type) {
+        return _jsx(Chip, { ...props, children: children });
+    }
+    let enrichedProps = {
+        ...props,
+        value
+    };
+    if (context === 'summary') {
+        enrichedProps = {
+            ...enrichedProps,
+            sx: [
+                ...(Array.isArray(enrichedProps.sx) ? enrichedProps.sx : [enrichedProps.sx]),
+                [{ height: '24px', '& .iconify': { fontSize: '1em' } }]
+            ]
+        };
+    }
+    else {
+        delete enrichedProps.label;
+    }
+    return _jsx(EnrichedChip, { ...enrichedProps, type: type, label: props.label });
+};
+export default memo(ClueChip);

package/plugins/clue/components/ClueLeadForm.d.ts

@@ -0,0 +1,4 @@
+import type { LeadFormProps } from '@cccsaurora/howler-ui/components/routes/dossiers/LeadEditor';
+import { type FC } from 'react';
+declare const ClueLeadForm: FC<LeadFormProps>;
+export default ClueLeadForm;

package/plugins/clue/components/ClueLeadForm.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useClueFetcherSelector } from '@cccsaurora/clue-ui/hooks/selectors';
+import { Autocomplete, Divider, ListItemText, TextField, Typography } from '@mui/material';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import uniq from 'lodash-es/uniq';
+import { useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+const ClueLeadForm = ({ lead, metadata, update, updateMetadata }) => {
+    const { t } = useTranslation();
+    const { config } = useContext(ApiConfigContext);
+    const fetchers = useClueFetcherSelector(ctx => ctx.fetchers);
+    const [showCustom, setShowCustom] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, { orientation: "horizontal" }), _jsx(Autocomplete, { disabled: !lead, options: Object.keys(fetchers), renderInput: params => _jsx(TextField, { ...params, size: "small", label: t('route.dossiers.manager.clue') }), value: Object.keys(fetchers).includes(lead?.content) ? lead.content : null, onChange: (_ev, content) => update({ content, metadata: '{}' }), renderOption: ({ key, ...props }, option) => (_jsx(ListItemText, { ...props, sx: { flexDirection: 'column', alignItems: 'start !important' }, primary: _jsx("code", { children: option }), secondary: fetchers[option].description }, key)) }), _jsx(Autocomplete, { options: fetchers[lead?.content]?.supported_types ??
+                    uniq(Object.values(fetchers).flatMap(fetcher => fetcher.supported_types)), renderInput: params => _jsx(TextField, { ...params, size: "small", label: t('route.dossiers.manager.clue.type') }), value: metadata?.type ?? null, onChange: (_ev, type) => updateMetadata({ type }) }), _jsx(Autocomplete, { options: ['custom', ...Object.keys(config.indexes.hit)], disabled: !metadata?.type, renderInput: params => _jsx(TextField, { ...params, size: "small", label: t('route.dossiers.manager.clue.value') }), getOptionLabel: opt => t(opt), value: metadata?.value ?? null, onChange: (_ev, value) => {
+                    if (value === 'custom') {
+                        setShowCustom(true);
+                    }
+                    else {
+                        setShowCustom(false);
+                        updateMetadata({ value });
+                    }
+                } }), showCustom && (_jsxs(_Fragment, { children: [_jsx(TextField, { size: "small", label: t('route.dossiers.manager.clue.value.custom'), value: metadata?.value ?? '', disabled: !metadata?.type, fullWidth: true, onChange: ev => updateMetadata({ value: ev.target.value }) }), _jsx(Typography, { variant: "caption", color: "text.secondary", sx: { mt: '0 !important' }, children: t('route.dossiers.manager.clue.value.description') })] }))] }));
+};
+export default ClueLeadForm;

package/plugins/clue/components/CluePivot.d.ts

@@ -0,0 +1,3 @@
+import type { PivotLinkProps } from '@cccsaurora/howler-ui/components/elements/hit/related/PivotLink';
+declare const _default: import("react").NamedExoticComponent<PivotLinkProps>;
+export default _default;

package/plugins/clue/components/CluePivot.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useClueActionsSelector, useClueEnrichSelector } from '@cccsaurora/clue-ui';
+import { Icon } from '@iconify/react/dist/iconify.js';
+import { Settings } from '@mui/icons-material';
+import { Divider, IconButton, Stack, Typography } from '@mui/material';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
+import get from 'lodash-es/get';
+import isBoolean from 'lodash-es/isBoolean';
+import isNil from 'lodash-es/isNil';
+import { memo, useCallback, useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+const CluePivot = ({ pivot, hit, compact }) => {
+    const guessType = useClueEnrichSelector(ctx => ctx?.guessType);
+    const { showErrorMessage } = useMySnackbar();
+    const { config } = useContext(ApiConfigContext);
+    const { i18n, t } = useTranslation();
+    const actions = useClueActionsSelector(ctx => ctx?.availableActions ?? {});
+    const executeAction = useClueActionsSelector(ctx => ctx?.executeAction);
+    const [loading, setLoading] = useState(false);
+    const getValue = useCallback((actionId, mapping) => {
+        const parameterSchema = actions[actionId].params?.properties?.[mapping.key];
+        if (mapping.field === 'custom') {
+            if (parameterSchema?.type === 'number') {
+                return parseFloat(mapping.custom_value);
+            }
+            if (parameterSchema?.type === 'integer') {
+                return Math.floor(parseFloat(mapping.custom_value));
+            }
+            return mapping.custom_value;
+        }
+        if (!Object.keys(config.indexes.hit).includes(mapping.field)) {
+            return mapping.field;
+        }
+        const hitData = get(hit, mapping.field);
+        // No schema provided - just pass on the value
+        if (!parameterSchema) {
+            return hitData;
+        }
+        // JSON schema is a boolean - we just shove whatever they want in there if it's true, or skip if false
+        if (isBoolean(parameterSchema)) {
+            return parameterSchema ? hitData : null;
+        }
+        // It wants a list of values
+        if (parameterSchema.type === 'array') {
+            // We have a list of values
+            if (Array.isArray(hitData)) {
+                return hitData;
+            }
+            else {
+                // We don't have a list of values
+                return isNil(hitData) ? [] : [hitData];
+            }
+        }
+        // It wants a single object, but we have a list
+        if (Array.isArray(hitData)) {
+            // TODO: This is still a little blah.
+            return hitData[0];
+        }
+        // We have a single object and that's what they want
+        return hitData;
+    }, [actions, config.indexes.hit, hit]);
+    const onClueClick = useCallback(async (event, forceMenu = false) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (loading) {
+            return;
+        }
+        if (!actions[pivot.value]) {
+            showErrorMessage(t('pivot.clue.missing'));
+            return;
+        }
+        setLoading(true);
+        const data = Object.fromEntries(pivot.mappings.map(_mapping => {
+            const value = getValue(pivot.value, _mapping);
+            if (['selector', 'selectors'].includes(_mapping.key)) {
+                if (!value) {
+                    return _mapping.key === 'selector' ? ['selector', null] : ['selectors', []];
+                }
+                if (Array.isArray(value)) {
+                    return [
+                        _mapping.key,
+                        value
+                            .filter(val => !isNil(val))
+                            .map(val => ({
+                            type: config.configuration?.mapping?.[_mapping.field] || guessType(val.toString()),
+                            value: val
+                        }))
+                    ];
+                }
+                return [
+                    _mapping.key,
+                    {
+                        type: config.configuration?.mapping?.[_mapping.field] || guessType(value.toString()),
+                        value
+                    }
+                ];
+            }
+            return [_mapping.key, value];
+        }));
+        const selectors = (actions[pivot.value].accept_multiple ? [data.selectors] : [data.selector])
+            .flat()
+            .filter(val => !isNil(val));
+        delete data.selector;
+        delete data.selectors;
+        try {
+            await executeAction(pivot.value, selectors, data, { forceMenu });
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [
+        actions,
+        config.configuration?.mapping,
+        executeAction,
+        getValue,
+        guessType,
+        loading,
+        pivot.mappings,
+        pivot.value,
+        showErrorMessage,
+        t
+    ]);
+    if (!actions[pivot.value]) {
+        return;
+    }
+    return (_jsx(HowlerCard, { variant: compact ? 'outlined' : 'elevation', onClick: e => onClueClick(e), sx: [
+            theme => ({
+                backgroundColor: 'transparent',
+                transition: theme.transitions.create(['border-color']),
+                '&:hover': { borderColor: 'primary.main' },
+                '& > div': {
+                    height: '100%'
+                }
+            }),
+            loading
+                ? { opacity: 0.5, pointerEvents: 'none' }
+                : {
+                    cursor: 'pointer'
+                },
+            !compact && { border: 'thin solid', borderColor: 'transparent' }
+        ], children: _jsxs(Stack, { direction: "row", p: compact ? 0.5 : 1, spacing: 1, alignItems: "center", children: [_jsx(Icon, { fontSize: "1.5rem", icon: pivot.icon }), _jsx(Typography, { children: pivot.label[i18n.language] }), _jsx(Divider, { orientation: "vertical", flexItem: true }), _jsx(IconButton, { size: "small", onClick: e => onClueClick(e, true), children: _jsx(Settings, { fontSize: "small" }) })] }) }));
+};
+export default memo(CluePivot);