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

package/plugins/clue/locales/clue.fr.json

@@ -0,0 +1,8 @@
+{
+    "markdown.helpers.clue.arguments": "Vous devez fournir au moins deux arguments : type et valeur.",
+    "route.dossiers.manager.clue": "ID du sélecteur Clue",
+    "route.dossiers.manager.clue.type": "Type de sélecteur",
+    "route.dossiers.manager.clue.value": "Valeur du sélecteur",
+    "route.dossiers.manager.clue.value.custom": "Valeur du sélecteur personnalisé",
+    "route.dossiers.manager.clue.value.description": "Vous pouvez utiliser la notation « handlebars » pour insérer des champs à partir de l'alerte correspondante (c'est-à-dire {{howler.id}})."
+}

package/plugins/clue/setup.d.ts

@@ -0,0 +1,2 @@
+declare const useSetup: () => void;
+export default useSetup;

package/plugins/clue/setup.js

@@ -0,0 +1,46 @@
+import { SNACKBAR_EVENT_ID } from '@cccsaurora/clue-ui/data/event';
+import useClue from '@cccsaurora/clue-ui/hooks/useClue';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
+import { useContext, useEffect } from 'react';
+const useSetup = () => {
+    const clue = useClue();
+    const appUser = useAppUser();
+    const { config } = useContext(ApiConfigContext);
+    const { showSuccessMessage, showErrorMessage, showInfoMessage, showWarningMessage } = useMySnackbar();
+    const features = config.configuration?.features ?? {};
+    useEffect(() => {
+        // eslint-disable-next-line no-console
+        console.debug('Initializing clue snackbar event handler');
+        const handleMessage = (event) => {
+            const { detail } = event;
+            if (detail.level === 'success') {
+                showSuccessMessage(detail.message, detail.timeout, detail.options);
+            }
+            else if (detail.level === 'error') {
+                showErrorMessage(detail.message, detail.timeout, detail.options);
+            }
+            else if (detail.level === 'info') {
+                showInfoMessage(detail.message, detail.timeout, detail.options);
+            }
+            else if (detail.level === 'warning') {
+                showWarningMessage(detail.message, detail.timeout, detail.options);
+            }
+        };
+        window.addEventListener(SNACKBAR_EVENT_ID, handleMessage);
+        return () => {
+            window.removeEventListener(SNACKBAR_EVENT_ID, handleMessage);
+        };
+    }, [showErrorMessage, showInfoMessage, showSuccessMessage, showWarningMessage]);
+    useEffect(() => {
+        if (!appUser.isReady()) {
+            return;
+        }
+        if (features.borealis || features.clue) {
+            clue.setReady(true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [features, appUser.isReady()]);
+};
+export default useSetup;

package/plugins/clue/utils.d.ts

@@ -0,0 +1,2 @@
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+export declare const useType: (hit?: Hit, field?: string, value?: string) => any;

package/plugins/clue/utils.js

@@ -0,0 +1,19 @@
+import { useClueEnrichSelector } from '@cccsaurora/clue-ui';
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import { useContext } from 'react';
+export const useType = (hit, field, value) => {
+    const guessType = useClueEnrichSelector(ctx => ctx.guessType);
+    const { config } = useContext(ApiConfigContext);
+    const typeFromHit = hit?.clue?.types?.find(mapping => mapping.field === field)?.type;
+    if (typeFromHit) {
+        return typeFromHit;
+    }
+    const typeFromConfig = config.configuration?.mapping?.[field];
+    if (typeFromConfig) {
+        return typeFromConfig;
+    }
+    if (value) {
+        return guessType(value.toString());
+    }
+    return null;
+};

package/plugins/store.js

@@ -24,6 +24,9 @@ class HowlerPluginStore {
     _routes = [];
     _sitemaps = [];
     install(plugin) {
+        if (this.plugins.includes(plugin.name)) {
+            return;
+        }
         console.log(`Installing plugin ${plugin.getPluginName()} by ${plugin.author}`);
         this.plugins.push(plugin.name);
         this.pluginStore.install(plugin);