@cccsaurora/howler-ui 2.18.0-dev.686 → 2.18.0-dev.695

package/components/routes/cases/modals/AddToCaseModal.js

@@ -0,0 +1,62 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Autocomplete, Button, Stack, TextField, Typography } from '@mui/material';
+import api from '@cccsaurora/howler-ui/api';
+import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
+import CaseCard from '@cccsaurora/howler-ui/components/elements/case/CaseCard';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useContext, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+const AddToCaseModal = ({ records }) => {
+    const { t } = useTranslation();
+    const { dispatchApi } = useMyApi();
+    const { close } = useContext(ModalContext);
+    const [cases, setCases] = useState([]);
+    const [selectedCase, setSelectedCase] = useState(null);
+    const [path, setPath] = useState('');
+    const [title, setTitle] = useState('');
+    useEffect(() => {
+        dispatchApi(api.search.case.post({ query: 'case_id:*', rows: 100 }), { throwError: false }).then(result => {
+            if (result) {
+                setCases(result.items);
+            }
+        });
+    }, [dispatchApi]);
+    const folderOptions = useMemo(() => {
+        if (!selectedCase?.items) {
+            return [];
+        }
+        const paths = new Set();
+        for (const item of selectedCase.items) {
+            if (!item.path) {
+                continue;
+            }
+            const parts = item.path.split('/');
+            parts.pop();
+            for (let i = 1; i <= parts.length; i++) {
+                paths.add(parts.slice(0, i).join('/'));
+            }
+        }
+        return Array.from(paths).sort();
+    }, [selectedCase]);
+    const fullPath = path ? `${path}/${title}` : title;
+    const isValid = !!selectedCase && !!title;
+    const onSubmit = async () => {
+        if (!selectedCase || records?.length < 1) {
+            return;
+        }
+        await dispatchApi(api.v2.case.items.post(selectedCase.case_id, {
+            path: fullPath,
+            value: records[0].howler.id,
+            type: records[0].__index
+        }));
+        close();
+    };
+    // TODO: No support currently for multiple records
+    return (_jsxs(Stack, { spacing: 2, p: 2, sx: { minWidth: 'min(800px, 60vw)', height: '100%' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.add_to_case') }), _jsx(Autocomplete, { options: cases, getOptionLabel: option => option.title ?? option.case_id ?? '', isOptionEqualToValue: (option, value) => option.case_id === value.case_id, value: selectedCase, disablePortal: true, onChange: (_ev, newVal) => {
+                    setSelectedCase(newVal);
+                    setPath('');
+                }, renderOption: (props, option) => (_createElement("li", { ...props, key: option.case_id, style: { ...props.style, display: 'flex', justifyContent: 'stretch', alignItems: 'stretch' } },
+                    _jsx(CaseCard, { case: option, slotProps: { card: { sx: { width: '100%' } } } }))), renderInput: params => (_jsx(TextField, { ...params, size: "small", placeholder: t('modal.cases.add_to_case.select_case'), fullWidth: true })) }), selectedCase && (_jsxs(_Fragment, { children: [_jsx(Autocomplete, { freeSolo: true, disablePortal: true, options: folderOptions, value: path, onInputChange: (_ev, newVal) => setPath(newVal), renderInput: params => (_jsx(TextField, { ...params, size: "small", placeholder: t('modal.cases.add_to_case.select_path'), fullWidth: true })) }), _jsx(TextField, { size: "small", placeholder: t('modal.cases.add_to_case.title'), value: title, onChange: ev => setTitle(ev.target.value), fullWidth: true }), title && (_jsx(Typography, { variant: "caption", color: "textSecondary", children: t('modal.cases.add_to_case.full_path', { path: fullPath }) }))] })), _jsx("div", { style: { flex: 1 } }), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", color: "error", onClick: close, children: t('cancel') }), _jsx(Button, { variant: "outlined", color: "success", disabled: !isValid, onClick: onSubmit, children: t('confirm') })] })] }));
+};
+export default AddToCaseModal;

package/components/routes/cases/modals/ResolveModal.js

@@ -19,12 +19,15 @@ const ResolveModal = ({ case: _case, onConfirm }) => {
     const { dispatchApi } = useMyApi();
     const { close } = useContext(ModalContext);
     const { config } = useContext(ApiConfigContext);
-    const { updateCase } = useCase({ case: _case });
+    const { update: updateCase } = useCase({ case: _case });
     const [loading, setLoading] = useState(true);
     const [rationale, setRationale] = useState('');
     const [assessment, setAssessment] = useState(null);
     const [hits, setHits] = useState([]);
-    const hitIds = useMemo(() => uniq((_case?.items ?? []).filter(item => item.type === 'hit').map(item => item.id)), [_case?.items]);
+    const hitIds = useMemo(() => uniq((_case?.items ?? [])
+        .filter(item => item.type === 'hit')
+        .map(item => item.value)
+        .filter(Boolean)), [_case?.items]);
     const { assess } = useHitActions(hits);
     useEffect(() => {
         (async () => {

package/locales/en/translation.json

@@ -310,6 +310,11 @@
     "modal.action.empty": "Action Name cannot be empty.",
     "modal.action.label": "Action Name",
     "modal.action.title": "Save Action",
+    "modal.cases.add_to_case": "Add to Case",
+    "modal.cases.add_to_case.full_path": "Full path: {{path}}",
+    "modal.cases.add_to_case.select_case": "Search Cases",
+    "modal.cases.add_to_case.select_path": "Select Folder Path",
+    "modal.cases.add_to_case.title": "Item Title",
     "modal.cases.resolve": "Resolve Case",
     "modal.cases.resolve.description": "When resolving a case, you must either assess all open alerts, or add an assessment to the alerts.",
     "modal.confirm.delete.description": "Are you sure you want to delete this item?",
@@ -379,6 +384,9 @@
     "page.cases.detail.properties": "Properties",
     "page.cases.detail.status": "Status",
     "page.cases.escalation": "Escalation",
+    "page.cases.sidebar.folder.remove": "Remove folder",
+    "page.cases.sidebar.item.open": "Open item",
+    "page.cases.sidebar.item.remove": "Remove item",
     "page.cases.sources": "Sources",
     "page.cases.updated": "Updated",
     "page.dashboard.settings.edit": "Edit Dashboard",

package/locales/fr/translation.json

@@ -310,6 +310,11 @@
     "modal.action.empty": "Le nom de l'action ne peut pas être vide.",
     "modal.action.label": "Nom de l'action",
     "modal.action.title": "Enregistrer l'action",
+    "modal.cases.add_to_case": "Ajouter au cas",
+    "modal.cases.add_to_case.full_path": "Chemin complet : {{path}}",
+    "modal.cases.add_to_case.select_case": "Rechercher des cas",
+    "modal.cases.add_to_case.select_path": "Sélectionner le chemin du dossier",
+    "modal.cases.add_to_case.title": "Titre de l'élément",
     "modal.cases.resolve": "Résoudre le cas",
     "modal.cases.resolve.description": "Lors de la résolution d'un cas, vous devez soit évaluer toutes les alertes ouvertes, soit ajouter une évaluation aux alertes.",
     "modal.confirm.delete.description": "Êtes-vous sûr de vouloir supprimer cet élément ?",
@@ -379,6 +384,9 @@
     "page.cases.detail.properties": "Propriétés",
     "page.cases.detail.status": "Statut",
     "page.cases.escalation": "Escalade",
+    "page.cases.sidebar.folder.remove": "Supprimer le dossier",
+    "page.cases.sidebar.item.open": "Ouvrir l'élément",
+    "page.cases.sidebar.item.remove": "Supprimer l'élément",
     "page.cases.sources": "Sources",
     "page.cases.updated": "Mis à jour",
     "page.dashboard.settings.edit": "Modifier le tableau de bord",

package/models/entities/generated/Item.d.ts

@@ -2,8 +2,8 @@
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Item {
-  id?: string;
   path?: string;
   type?: string;
   value?: string;
+  visible?: boolean;
 }

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.18.0-dev.686",
+  "version": "2.18.0-dev.695",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",

package/tests/server-handlers.js

@@ -30,7 +30,12 @@ export const MOCK_RESPONSES = {
         total: 1,
         rows: 1
     },
-    '/api/v1/analytic': [createMockAnalytic()]
+    '/api/v1/analytic': [createMockAnalytic()],
+    '/api/v2/search/hit,observable': {
+        items: [],
+        total: 0,
+        rows: 0
+    }
 };
 const handlers = [
     ...Object.entries(MOCK_RESPONSES).map(([path, data]) => http.all(path, async () => HttpResponse.json({ api_response: data }))),

package/tests/utils.d.ts

@@ -3,12 +3,14 @@ import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/A
 import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
 import type { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
 import type { View } from '@cccsaurora/howler-ui/models/entities/generated/View';
 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 createMockObservable: (overrides?: RecursivePartial<Observable>) => Observable;
 export declare const createMockAnalytic: (overrides?: Partial<Analytic>) => Analytic;
 export declare const createMockTemplate: (overrides?: Partial<Template>) => Template;
 export declare const createMockAction: (overrides?: Partial<Action>) => Action;

package/tests/utils.js

@@ -1,5 +1,6 @@
 // Mock data factories
 export const createMockHit = (overrides) => ({
+    ...overrides,
     __index: 'hit',
     howler: {
         id: 'test-hit-1',
@@ -15,6 +16,17 @@ export const createMockHit = (overrides) => ({
         ...overrides?.event
     }
 });
+export const createMockObservable = (overrides) => ({
+    ...overrides,
+    __index: 'observable',
+    howler: {
+        id: 'test-observable-1',
+        analytic: 'test-analytic',
+        detection: 'Test Detection',
+        hash: '',
+        ...overrides?.howler
+    }
+});
 export const createMockAnalytic = (overrides) => ({
     analytic_id: 'test-analytic-id',
     name: 'test-analytic',