@cccsaurora/howler-ui 2.15.0-dev.323 → 2.15.0-dev.327

package/components/elements/display/Classification.js

@@ -10,12 +10,12 @@ const Classification = () => {
     const isSm = useMediaQuery(theme.breakpoints.down('md'));
     const label = useMemo(() => {
         if (isSm) {
-            return config.c12nDef?.UNRESTRICTED?.replace(/[a-z]/g, '').replace(/ /g, '') ?? '???';
+            return config.c12nDef?.RESTRICTED?.replace(/[a-z]/g, '').replace(/ /g, '') ?? '???';
         }
         else {
-            return config.c12nDef?.UNRESTRICTED ?? 'Unknown';
+            return config.c12nDef?.RESTRICTED ?? 'Unknown';
         }
-    }, [config.c12nDef?.UNRESTRICTED, isSm]);
+    }, [config.c12nDef?.RESTRICTED, isSm]);
     const color = useMemo(() => config.c12nDef?.levels_styles_map?.[label.replace(/\/\/.+/, '')]?.color ?? 'default', [config.c12nDef?.levels_styles_map, label]);
     return _jsx(Chip, { label: t(label), color: color, sx: { mr: 1, fontSize: '.9rem', p: 2, textTransform: 'uppercase' } });
 };

package/components/elements/display/modals/RationaleModal.d.ts

@@ -1,5 +1,7 @@
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import type { FC } from 'react';
 declare const RationaleModal: FC<{
+    hits: Hit[];
     onSubmit: (rationale: string) => void;
 }>;
 export default RationaleModal;

package/components/elements/display/modals/RationaleModal.js

@@ -1,13 +1,37 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Stack, TextField, Typography } from '@mui/material';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Autocomplete, Button, CircularProgress, ListItemText, Stack, TextField, Typography } from '@mui/material';
+import api from '@cccsaurora/howler-ui/api';
+import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';
 import { parseEvent } from '@cccsaurora/howler-ui/commons/components/utils/keyboard';
 import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
-import { useCallback, useContext, useState } from 'react';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { isEqual } from 'lodash-es';
+import flatten from 'lodash-es/flatten';
+import isString from 'lodash-es/isString';
+import uniqBy from 'lodash-es/uniqBy';
+import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-const RationaleModal = ({ onSubmit }) => {
+import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
+const RationaleModal = ({ hits, onSubmit }) => {
     const { t } = useTranslation();
+    const { dispatchApi } = useMyApi();
     const { close } = useContext(ModalContext);
+    const { user } = useAppUser();
+    const [loading, setLoading] = useState(false);
     const [rationale, setRationale] = useState('');
+    const [suggestedRationales, setSuggestedRationales] = useState([]);
+    const queries = useMemo(() => [
+        {
+            type: 'analytic',
+            query: hits
+                .map(hit => `(howler.rationale:* AND howler.analytic:"${sanitizeLuceneQuery(hit.howler.analytic)}")`)
+                .join(' OR ')
+        },
+        {
+            type: 'assignment',
+            query: `howler.rationale:* AND howler.assignment:${user.username} AND howler.timestamp:[now-14d TO now]`
+        }
+    ], [hits, user.username]);
     const handleSubmit = useCallback(() => {
         onSubmit(rationale);
         close();
@@ -21,8 +45,21 @@ const RationaleModal = ({ onSubmit }) => {
             close();
         }
     }, [close, handleSubmit]);
-    return (_jsxs(Stack, { spacing: 2, p: 2, alignItems: "start", sx: { minWidth: '500px' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.rationale.title') }), _jsx(Typography, { children: t('modal.rationale.description') }), _jsx(TextField, { label: t('modal.rationale.label'), value: rationale, 
-                // eslint-disable-next-line jsx-a11y/no-autofocus
-                autoFocus: true, fullWidth: true, multiline: true, maxRows: 6, onChange: e => setRationale(e.target.value), onKeyDown: handleKeydown }), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", onClick: close, children: t('cancel') }), _jsx(Button, { variant: "outlined", onClick: handleSubmit, children: t('submit') })] })] }));
+    useEffect(() => {
+        (async () => {
+            setLoading(true);
+            // TODO: Eventually switch a a facet call once the elasticsearch refactor is complete
+            const results = flatten(await Promise.all(queries.map(async ({ query, type }) => {
+                const result = await dispatchApi(api.search.hit.post({ query, rows: 250, fl: 'howler.rationale,howler.assignment' }), { throwError: false });
+                return uniqBy((result?.items ?? []).map(_hit => ({ rationale: _hit.howler.rationale, type })), 'rationale');
+            })));
+            setSuggestedRationales(results);
+            setLoading(false);
+        })();
+    }, [dispatchApi, queries]);
+    return (_jsxs(Stack, { spacing: 2, p: 2, alignItems: "start", sx: { minWidth: '500px' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.rationale.title') }), _jsx(Typography, { children: t('modal.rationale.description') }), _jsx(Autocomplete, { loading: loading, loadingText: t('loading'), freeSolo: true, value: rationale, onChange: (_, newValue) => setRationale(isString(newValue) ? newValue : (newValue?.rationale ?? '')), options: suggestedRationales, getOptionLabel: suggestion => (isString(suggestion) ? suggestion : suggestion.rationale), isOptionEqualToValue: (option, value) => isString(value) ? option.rationale === value : isEqual(option, value), fullWidth: true, disablePortal: true, renderInput: params => (_jsx(TextField, { ...params, label: t('modal.rationale.label'), onChange: e => setRationale(e.target.value), onKeyDown: handleKeydown, InputProps: {
+                        ...params.InputProps,
+                        endAdornment: (_jsxs(_Fragment, { children: [loading ? _jsx(CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment] }))
+                    } })), renderOption: (props, option) => (_jsx(ListItemText, { ...props, sx: { flexDirection: 'column', alignItems: 'start !important' }, primary: option.rationale, secondary: t(`modal.rationale.type.${option.type}`) })) }), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", onClick: close, children: t('cancel') }), _jsx(Button, { variant: "outlined", onClick: handleSubmit, children: t('submit') })] })] }));
 };
 export default RationaleModal;

package/components/hooks/useHitActions.js

@@ -94,7 +94,7 @@ const useHitActions = (_hits) => {
         const rationale = skipRationale
             ? t('rationale.default', { assessment })
             : await new Promise(res => {
-                showModal(_jsx(RationaleModal, { onSubmit: _rationale => {
+                showModal(_jsx(RationaleModal, { hits: hits, onSubmit: _rationale => {
                         res(_rationale);
                     } }));
             });

package/locales/en/translation.json

@@ -306,6 +306,8 @@
     "modal.rationale.title": "Add Rationale",
     "modal.rationale.description": "Provide a rationale that succinctly explains to other analysts why you are confident in this assessment.",
     "modal.rationale.label": "Rationale",
+    "modal.rationale.type.analytic": "This rationale was used when assessing alerts with the same analytic name.",
+    "modal.rationale.type.assignment": "This is a rationale you have recently used when assessing an alert.",
     "none": "None",
     "no.data": "No Data",
     "on": "on",

package/locales/fr/translation.json

@@ -308,6 +308,8 @@
     "modal.rationale.title": "Ajouter une justification",
     "modal.rationale.description": "Fournissez une justification qui explique succinctement aux autres analystes les raisons pour lesquelles vous êtes confiant dans cette évaluation.",
     "modal.rationale.label": "Justification",
+    "modal.rationale.type.analytic": "Cette justification a été utilisée lors de l'évaluation des alertes avec le même nom d'analyse.",
+    "modal.rationale.type.assignment": "Il s'agit d'une justification que vous avez récemment utilisée lors de l'évaluation d'une alerte.",
     "none": "Rien",
     "no.data": "Aucune donnée",
     "on": "sur",

package/package.json

@@ -96,7 +96,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.15.0-dev.323",
+  "version": "2.15.0-dev.327",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",