@cccsaurora/howler-ui 2.15.0-dev.318 → 2.15.0-dev.326

package/components/routes/hits/search/HitQuery.js

@@ -10,6 +10,7 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation } from 'react-router-dom';
 import { useContextSelector } from 'use-context-selector';
+import { DEFAULT_QUERY } from '@cccsaurora/howler-ui/utils/constants';
 import { sanitizeMultilineLucene } from '@cccsaurora/howler-ui/utils/stringUtils';
 const DEFAULT_MULTILINE_HEIGHT = 250;
 const PROMPT_CONTEXT = 'isHitQuery && !suggestWidgetVisible && !renameInputVisible && !inSnippetMode && !quickFixWidgetVisible';
@@ -18,9 +19,9 @@ const HitQuery = ({ searching = false, disabled = false, compact = false, trigge
     const location = useLocation();
     const theme = useTheme();
     const monaco = useMonaco();
-    const savedQuery = useContextSelector(ParameterContext, ctx => ctx.query || 'howler.id:*');
+    const savedQuery = useContextSelector(ParameterContext, ctx => ctx.query || DEFAULT_QUERY);
     const prevQuery = useRef(null);
-    const [query, setQuery] = useState(new URLSearchParams(window.location.search).get('query') || 'howler.id:*');
+    const [query, setQuery] = useState(new URLSearchParams(window.location.search).get('query') || DEFAULT_QUERY);
     const fzfSearch = useContextSelector(HitSearchContext, ctx => ctx?.fzfSearch ?? false);
     const [loaded, setLoaded] = useState(false);
     const [multiline, setMultiline] = useState(false);
@@ -128,7 +129,7 @@ const HitQuery = ({ searching = false, disabled = false, compact = false, trigge
                 p: 0.5,
                 height: multiline ? `${DEFAULT_MULTILINE_HEIGHT + y}px` : theme.spacing(5)
             }
-        ], onKeyDown: e => e.stopPropagation(), children: [_jsx(TuiIconButton, { disabled: query.includes('\n#') || disabled, sx: { mr: 1, alignSelf: 'start' }, onClick: () => setMultiline(!multiline), color: multiline ? 'primary' : theme.palette.text.primary, transparent: !multiline, size: compact ? 'small' : 'medium', children: _jsx(Height, { sx: { fontSize: '20px' } }) }), _jsx(QueryEditor, { id: "hit-query", query: preppedQuery, setQuery: setQuery, language: "lucene", height: multiline ? `${DEFAULT_MULTILINE_HEIGHT - 30}px` : '20px', onMount: onMount, editorOptions: options }), fzfSearch && (_jsx(Tooltip, { title: t('route.history'), children: _jsx(History, {}) })), _jsx(TuiIconButton, { disabled: searching || disabled, onClick: () => setQuery('howler.id:*'), sx: { ml: 1, alignSelf: 'start', flexShrink: 0 }, size: compact ? 'small' : 'medium', children: _jsx(Tooltip, { title: t('route.clear'), children: _jsx(Clear, { sx: { fontSize: '20px' } }) }) }), _jsx(TuiIconButton, { disabled: searching || disabled, onClick: search, sx: { ml: 1, alignSelf: 'start', flexShrink: 0 }, size: compact ? 'small' : 'medium', children: _jsx(Tooltip, { title: t('route.search'), children: _jsx(Badge, { invisible: !isDirty, color: "warning", variant: "dot", children: _jsx(Search, { sx: { fontSize: '20px' } }) }) }) }), !loaded && (_jsx(Skeleton, { variant: "rectangular", sx: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, height: "100%" })), multiline && (_jsx(Box, { sx: {
+        ], onKeyDown: e => e.stopPropagation(), children: [_jsx(TuiIconButton, { disabled: query.includes('\n#') || disabled, sx: { mr: 1, alignSelf: 'start' }, onClick: () => setMultiline(!multiline), color: multiline ? 'primary' : theme.palette.text.primary, transparent: !multiline, size: compact ? 'small' : 'medium', children: _jsx(Height, { sx: { fontSize: '20px' } }) }), _jsx(QueryEditor, { id: "hit-query", query: preppedQuery, setQuery: setQuery, language: "lucene", height: multiline ? `${DEFAULT_MULTILINE_HEIGHT - 30}px` : '20px', onMount: onMount, editorOptions: options }), fzfSearch && (_jsx(Tooltip, { title: t('route.history'), children: _jsx(History, {}) })), _jsx(TuiIconButton, { disabled: searching || disabled, onClick: () => setQuery(DEFAULT_QUERY), sx: { ml: 1, alignSelf: 'start', flexShrink: 0 }, size: compact ? 'small' : 'medium', children: _jsx(Tooltip, { title: t('route.clear'), children: _jsx(Clear, { sx: { fontSize: '20px' } }) }) }), _jsx(TuiIconButton, { disabled: searching || disabled, onClick: search, sx: { ml: 1, alignSelf: 'start', flexShrink: 0 }, size: compact ? 'small' : 'medium', children: _jsx(Tooltip, { title: t('route.search'), children: _jsx(Badge, { invisible: !isDirty, color: "warning", variant: "dot", children: _jsx(Search, { sx: { fontSize: '20px' } }) }) }) }), !loaded && (_jsx(Skeleton, { variant: "rectangular", sx: { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }, height: "100%" })), multiline && (_jsx(Box, { sx: {
                     position: 'absolute',
                     left: 0,
                     right: 0,

package/components/routes/views/ViewComposer.js

@@ -22,7 +22,7 @@ import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/us
 import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useContextSelector } from 'use-context-selector';
-import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
+import { DEFAULT_QUERY, StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import { convertDateToLucene } from '@cccsaurora/howler-ui/utils/utils';
 import ErrorBoundary from '../ErrorBoundary';
 import HitQuery from '../hits/search/HitQuery';
@@ -127,7 +127,7 @@ const ViewComposer = () => {
         }
     }, [dispatchApi, loadHits, pageCount, setQuery, sort, span]);
     useEffect(() => {
-        search(query || 'howler.id:*');
+        search(query || DEFAULT_QUERY);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     // We only run this when ancillary properties (i.e. filters, sorting) change

package/locales/en/translation.json

@@ -179,6 +179,7 @@
     "hit.panel.open": "Open Hit Viewer",
     "hit.panel.close": "Close",
     "hit.panel.hit.noselection": "No hit has been selected",
+    "hit.panel.exclude": "Exclude By",
     "hit.panel.details.cluster": "Cluster Size",
     "hit.panel.details.cluster.description": "Size of the cluster",
     "hit.panel.details.no.subjects": "No subjects found",
@@ -305,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

@@ -180,6 +180,7 @@
     "hit.panel.open": "Ouvrir hit",
     "hit.panel.close": "Fermer",
     "hit.panel.hit.noselection": "Aucun résultat n'a été sélectionné",
+    "hit.panel.exclude": "Exclure par",
     "hit.panel.details.cluster": "Taille de la grappe",
     "hit.panel.details.cluster.description": "Taille de la grappe",
     "hit.panel.details.no.subjects": "Aucun sujet trouvé",
@@ -307,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.318",
+  "version": "2.15.0-dev.326",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",

package/setupTests.js

@@ -3,6 +3,7 @@ import * as matchers from '@testing-library/jest-dom/matchers';
 import '@testing-library/jest-dom/vitest';
 import { configure } from '@testing-library/react';
 import { server } from '@cccsaurora/howler-ui/tests/server';
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
 // Extend vitest with the dom matchers from jest-dom.
 expect.extend(matchers);
 // tell React Testing Library to look for id as the testId.

package/tests/server-handlers.js

@@ -1,4 +1,5 @@
 import { http, HttpResponse } from 'msw';
+import { createMockAction } from './utils';
 export const MOCK_RESPONSES = {
     '/api/v1/view/example_view_id': {
         owner: 'user',
@@ -42,7 +43,12 @@ export const MOCK_RESPONSES = {
         type: 'personal',
         span: 'date.range.1.month'
     },
-    '/api/v1/view/:view_id/favourite': { success: true }
+    '/api/v1/view/:view_id/favourite': { success: true },
+    '/api/v1/search/action': {
+        items: [createMockAction()],
+        total: 1,
+        rows: 1
+    }
 };
 const handlers = [
     ...Object.entries(MOCK_RESPONSES).map(([path, data]) => http.all(path, async () => HttpResponse.json({ api_response: data }))),

package/tests/utils.d.ts

@@ -0,0 +1,12 @@
+import type { Action } from '@cccsaurora/howler-ui/models/entities/generated/Action';
+import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
+type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
+};
+export declare const createMockHit: (overrides?: RecursivePartial<Hit>) => Hit;
+export declare const createMockAnalytic: (overrides?: Partial<Analytic>) => Analytic;
+export declare const createMockTemplate: (overrides?: Partial<Template>) => Template;
+export declare const createMockAction: (overrides?: Partial<Action>) => Action;
+export {};

package/tests/utils.js

@@ -0,0 +1,41 @@
+// Mock data factories
+export const createMockHit = (overrides) => ({
+    howler: {
+        id: 'test-hit-1',
+        analytic: 'test-analytic',
+        detection: 'Test Detection',
+        status: 'open',
+        assessment: null,
+        outline: { indicators: ['a', 'b', 'c'] },
+        ...overrides?.howler
+    },
+    event: {
+        id: 'event-123',
+        ...overrides?.event
+    }
+});
+export const createMockAnalytic = (overrides) => ({
+    analytic_id: 'test-analytic-id',
+    name: 'test-analytic',
+    triage_settings: {
+        valid_assessments: ['legitimate', 'false_positive'],
+        skip_rationale: false,
+        ...overrides?.triage_settings
+    },
+    ...overrides
+});
+export const createMockTemplate = (overrides) => ({
+    keys: ['howler.detection', 'event.id'],
+    ...overrides
+});
+export const createMockAction = (overrides) => ({
+    action_id: 'action-1',
+    name: 'Test Action',
+    operations: [
+        {
+            data_json: '{}',
+            operation_id: 'transition'
+        }
+    ],
+    ...overrides
+});

package/utils/constants.d.ts

@@ -76,4 +76,5 @@ interface LabelData {
     color?: string;
 }
 export declare const LABEL_TYPES: Record<string, LabelData>;
+export declare const DEFAULT_QUERY = "howler.id:*";
 export {};

package/utils/constants.js

@@ -112,3 +112,4 @@ export const LABEL_TYPES = {
     assignments: {},
     tuning: {}
 };
+export const DEFAULT_QUERY = 'howler.id:*';