@cccsaurora/howler-ui 2.19.0-dev.1282 → 2.19.0-dev.1295

package/components/routes/cases/detail/CaseRules.js

@@ -22,7 +22,7 @@ const CaseRules = ({ case: providedCase, caseId }) => {
             return;
         }
         const updatedCase = await dispatchApi(api.v2.case.rules.post(_case.case_id, ruleData));
-        update(updatedCase, false);
+        void update(updatedCase, false);
     }, [_case, dispatchApi, update]);
     const handleDeleteRule = useCallback(async (ruleId) => {
         if (!_case) {
@@ -31,7 +31,7 @@ const CaseRules = ({ case: providedCase, caseId }) => {
         showModal(_jsx(ConfirmDeleteModal, { onConfirm: async () => {
                 const updatedCase = await dispatchApi(api.v2.case.rules.del(_case.case_id, ruleId), { throwError: false });
                 if (updatedCase) {
-                    update(updatedCase, false);
+                    void update(updatedCase, false);
                 }
             } }), { height: 'auto' });
     }, [_case, dispatchApi, showModal, update]);
@@ -40,7 +40,7 @@ const CaseRules = ({ case: providedCase, caseId }) => {
             return;
         }
         const updatedCase = await dispatchApi(api.v2.case.rules.put(_case.case_id, ruleId, { enabled }));
-        update(updatedCase, false);
+        void update(updatedCase, false);
     }, [_case, dispatchApi, update]);
     if (!_case) {
         return null;

package/components/routes/cases/detail/CaseSearch.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Skeleton, Stack, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
@@ -59,7 +59,7 @@ const CaseSearch = () => {
     }, [caseIds, offset, parentCase?.case_id]);
     useEffect(() => {
         if (query) {
-            handleSearch(query, indexes);
+            void handleSearch(query, indexes);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [indexes, offset]);

package/components/routes/cases/detail/CaseSearch.test.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /// <reference types="vitest" />
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';

package/components/routes/cases/detail/CaseTask.js

@@ -29,14 +29,14 @@ const CaseTask = ({ case: _case, task, onEdit, onDelete, newTask = false, readOn
     useEffect(() => {
         if (!readOnly && !editing && task?.assignment !== assignment) {
             setLoading(true);
-            onEdit({ assignment }).finally(() => setLoading(false));
+            void onEdit({ assignment }).finally(() => setLoading(false));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [assignment]);
     useEffect(() => {
         if (!readOnly && !editing && task?.complete !== complete) {
             setLoading(true);
-            onEdit({ complete }).finally(() => setLoading(false));
+            void onEdit({ complete }).finally(() => setLoading(false));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [complete]);
@@ -51,7 +51,7 @@ const CaseTask = ({ case: _case, task, onEdit, onDelete, newTask = false, readOn
     }, [task, _case]);
     return (_jsxs(Card, { sx: { pl: 0.5, pr: 1, py: 0.5, position: 'relative' }, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [_jsx(Checkbox, { disabled: loading || readOnly, color: "success", checked: complete, size: "small", onChange: (_ev, _complete) => !readOnly && setComplete(_complete) }), editing && !readOnly ? (_jsx(TextField, { disabled: loading, value: summary, onChange: e => setSummary(e.target.value), size: "small", fullWidth: true, sx: { minWidth: '40%' } })) : (_jsx(Typography, { sx: [complete && { textDecoration: 'line-through' }], children: task?.summary || summary })), !editing && item && (_jsx(Chip, { clickable: true, component: Link, to: `/cases/${_case.case_id}/${buildPathFromID(_case, item.id)}`, label: item.name })), editing && !readOnly && (_jsx(Autocomplete, { disabled: loading, value: item, options: options, getOptionLabel: opt => buildPathFromID(_case, opt.id), isOptionEqualToValue: opt => opt.id === item.id, onChange: (_ev, value) => setItem(value), fullWidth: true, renderInput: params => _jsx(TextField, { ...params, size: "small" }) })), _jsx(UserList, { disabled: loading || readOnly, userIds: [assignment], onChange: ([_assigment]) => !readOnly && setAssignment(_assigment), i18nLabel: "route.cases.task.set.assignment", avatarHeight: 24 }), _jsx("div", { style: { flex: 1 } }), !readOnly && editing && !newTask && (_jsx(Tooltip, { title: t('route.cases.task.delete'), children: _jsx(IconButton, { size: "small", color: "error", onClick: () => {
                                 setLoading(true);
-                                onDelete().then(() => setLoading(false));
+                                void onDelete().then(() => setLoading(false));
                             }, disabled: loading, children: _jsx(Delete, { fontSize: "small" }) }) })), !readOnly && (_jsx(Tooltip, { title: t(editing ? 'route.cases.task.edit.save' : 'route.cases.task.edit'), children: _jsx("span", { children: _jsx(IconButton, { size: "small", color: editing ? 'success' : 'default', onClick: async () => {
                                     if (!editing) {
                                         setEditing(true);
@@ -61,7 +61,7 @@ const CaseTask = ({ case: _case, task, onEdit, onDelete, newTask = false, readOn
                                     setEditing(false);
                                 }, disabled: (!dirty && editing) || loading || !summary, children: editing ? _jsx(Check, { fontSize: "small" }) : _jsx(Edit, { fontSize: "small" }) }) }) })), !readOnly && editing && (_jsx(Tooltip, { title: t('route.cases.task.edit.cancel'), children: _jsx(IconButton, { size: "small", onClick: () => {
                                 if (newTask) {
-                                    onDelete();
+                                    void onDelete();
                                 }
                                 else {
                                     setEditing(false);

package/components/routes/cases/detail/CaseTimeline.js

@@ -56,7 +56,7 @@ const CaseTimeline = ({ case: providedCase, caseId }) => {
         if (ids.length < 1) {
             return;
         }
-        dispatchApi(api.v2.search.facet.post(['hit', 'event'], {
+        void dispatchApi(api.v2.search.facet.post(['hit', 'event'], {
             fields: ['threat.tactic.id', 'threat.technique.id', 'howler.escalation'],
             filters: [`howler.id:(${ids.join(' OR ')})`]
         }), { throwError: false }).then(result => {
@@ -84,7 +84,7 @@ const CaseTimeline = ({ case: providedCase, caseId }) => {
         }
         setLoading(true);
         const filters = buildFilters(selectedMitres, selectedEscalations);
-        dispatchApi(api.v2.search.post(['hit', 'event'], {
+        void dispatchApi(api.v2.search.post(['hit', 'event'], {
             query: `howler.id:(${ids.join(' OR ')})`,
             sort: 'event.created asc',
             rows: ids.length,

package/components/routes/cases/detail/CreateRuleDialog.test.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { describe, expect, it, vi } from 'vitest';

package/components/routes/cases/detail/ItemPage.js

@@ -74,7 +74,7 @@ const ItemPage = ({ case: providedCase }) => {
             }
         };
         if (_case) {
-            resolveItem();
+            void resolveItem();
         }
         return () => {
             cancelled = true;

package/components/routes/cases/detail/MarkdownPage.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Cancel, Edit, Save } from '@mui/icons-material';
 import { Box, Divider, IconButton, Stack, Tooltip, Typography } from '@mui/material';
 import ThemedEditor from '@cccsaurora/howler-ui/components/elements/ThemedEditor';

package/components/routes/cases/detail/TaskPanel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Add, ExpandLess, ExpandMore } from '@mui/icons-material';
 import { Autocomplete, Chip, Divider, Skeleton, Stack, TextField, Tooltip, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
@@ -26,7 +26,7 @@ const TaskPanel = ({ case: _case, updateCase }) => {
             return;
         }
         let cancelled = false;
-        dispatchApi(api.v2.search.post('case', { query: `case_id:(${childCaseItems.map(item => item.value).join(' OR ')})` }), { throwError: false })
+        void dispatchApi(api.v2.search.post('case', { query: `case_id:(${childCaseItems.map(item => item.value).join(' OR ')})` }), { throwError: false })
             .then(results => results.items)
             .then(results => {
             if (!cancelled) {

package/components/routes/cases/detail/sidebar/CaseFolder.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Skeleton, Stack, useTheme } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { RecordContext } from '@cccsaurora/howler-ui/components/app/providers/RecordProvider';
@@ -52,7 +52,7 @@ const CaseFolder = ({ case: _case, folder, name, step = -1, parentCaseNames = []
         setCaseStates(current => ({ ...current, [item.value]: { ...prev, open: shouldOpen, loading: shouldFetch } }));
         if (!shouldFetch)
             return;
-        dispatchApi(api.v2.case.get(item.value), { throwError: false })
+        void dispatchApi(api.v2.case.get(item.value), { throwError: false })
             .then(caseResponse => {
             if (!caseResponse)
                 return;

package/components/routes/cases/detail/sidebar/CaseFolderContextMenu.js

@@ -85,7 +85,7 @@ const CaseFolderContextMenu = ({ case: _case, item, onUpdate, children }) => {
                 if (!_case.case_id) {
                     return;
                 }
-                dispatchApi(api.v2.case.items.del(_case.case_id, [item.id], isFolder), { throwError: false }).then(updatedCase => {
+                void dispatchApi(api.v2.case.items.del(_case.case_id, [item.id], isFolder), { throwError: false }).then(updatedCase => {
                     if (updatedCase) {
                         onUpdate?.(updatedCase);
                     }

package/components/routes/cases/detail/utils.d.ts

@@ -26,4 +26,4 @@ export declare const buildObservableEntries: (records: Partial<Hit | Event>[]) =
  */
 export declare const classifyRole: (value: string, _case: Case, records: Partial<Hit | Event>[]) => ObservableRole;
 /** Resolve source metadata for an asset's seenIn IDs */
-export declare const resolveSources: (seenIn: string[], caseItems: Case["items"], escalationMap: Map<string, string>) => ObservableSource[];
+export declare const resolveSources: (seenIn: string[], caseItems: Case['items'], escalationMap: Map<string, string>) => ObservableSource[];

package/components/routes/cases/hooks/useCase.js

@@ -19,7 +19,7 @@ const useCase = ({ caseId, case: providedCase }) => {
     useEffect(() => {
         if (caseId) {
             setLoading(true);
-            dispatchApi(api.v2.case.get(caseId), { throwError: false })
+            void dispatchApi(api.v2.case.get(caseId), { throwError: false })
                 .then(setCase)
                 .finally(() => setLoading(false));
         }
@@ -58,12 +58,9 @@ const useCase = ({ caseId, case: providedCase }) => {
                 });
             }
         }
-        catch (e) {
+        catch {
             setMissing(true);
         }
-        finally {
-            return;
-        }
     }, [activeCaseId, dispatchApi]);
     return { case: _case, update, loading, missing };
 };

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

@@ -1,5 +1,5 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Autocomplete, Button, CircularProgress, Divider, Stack, TextField, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
@@ -21,7 +21,7 @@ const AddRecordToCaseModal = ({ records }) => {
     const [submitting, setSubmitting] = useState(false);
     const [entries, updateEntry] = useRecordEntries(records);
     useEffect(() => {
-        dispatchApi(api.search.case.post({ query: 'case_id:*', rows: 100 }), { throwError: false }).then(result => {
+        void dispatchApi(api.search.case.post({ query: 'case_id:*', rows: 100 }), { throwError: false }).then(result => {
             if (result) {
                 setCases(result.items);
             }

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

@@ -67,6 +67,6 @@ const AddToCaseModal = ({ case: _case, parentId = null, onUpdated }) => {
                             if (option) {
                                 setItemType(option);
                             }
-                        }, options: ITEM_TYPES, getOptionLabel: opt => t(opt.labelKey), isOptionEqualToValue: (option, choice) => option.value === choice.value, disablePortal: true, disableClearable: true, renderInput: params => (_jsx(TextField, { ...params, size: "small", label: t('modal.cases.add_item.type'), sx: { minWidth: '175px' } })) }), _jsx(TextField, { size: "small", label: t('modal.cases.add_item.title'), value: title, onChange: ev => setTitle(ev.target.value), fullWidth: true, autoFocus: true })] }), itemType.value === 'reference' && (_jsx(TextField, { size: "small", label: t('modal.cases.add_item.url'), value: value, onChange: ev => setValue(ev.target.value), fullWidth: true, placeholder: "https://example.com" })), itemType.value === 'markdown' && (_jsx(Box, { sx: { border: 'thin solid', borderColor: theme.palette.divider }, children: _jsx(ThemedEditor, { id: "add-item-markdown", height: "240px", width: "100%", language: "markdown", theme: theme.palette.mode === 'light' ? 'howler' : 'howler-dark', value: value, onChange: content => setValue(content ?? ''), options: {} }) })), folderOptions.length > 0 && (_jsx(Autocomplete, { options: folderOptions, getOptionLabel: opt => opt.label, isOptionEqualToValue: (opt, val) => opt.id === val.id, value: folderOptions.find(f => f.id === selectedParent) ?? null, disablePortal: true, onChange: (_ev, newVal) => setSelectedParent(newVal?.id ?? null), renderInput: params => (_jsx(TextField, { ...params, size: "small", label: t('modal.cases.add_item.folder'), placeholder: t('modal.cases.add_item.root'), fullWidth: true })) })), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", color: "error", onClick: close, disabled: submitting, children: t('cancel') }), _jsx(Button, { variant: "outlined", color: "success", disabled: !isValid || submitting, startIcon: submitting ? _jsx(CircularProgress, { size: 16, color: "inherit" }) : undefined, onClick: onSubmit, children: t('confirm') })] })] }));
+                        }, options: ITEM_TYPES, getOptionLabel: opt => t(opt.labelKey), isOptionEqualToValue: (option, choice) => option.value === choice.value, disablePortal: true, disableClearable: true, renderInput: params => (_jsx(TextField, { ...params, size: "small", label: t('modal.cases.add_item.type'), sx: { minWidth: '175px' } })) }), _jsx(TextField, { size: "small", label: t('modal.cases.add_item.title'), value: title, onChange: ev => setTitle(ev.target.value), fullWidth: true })] }), itemType.value === 'reference' && (_jsx(TextField, { size: "small", label: t('modal.cases.add_item.url'), value: value, onChange: ev => setValue(ev.target.value), fullWidth: true, placeholder: "https://example.com" })), itemType.value === 'markdown' && (_jsx(Box, { sx: { border: 'thin solid', borderColor: theme.palette.divider }, children: _jsx(ThemedEditor, { id: "add-item-markdown", height: "240px", width: "100%", language: "markdown", theme: theme.palette.mode === 'light' ? 'howler' : 'howler-dark', value: value, onChange: content => setValue(content ?? ''), options: {} }) })), folderOptions.length > 0 && (_jsx(Autocomplete, { options: folderOptions, getOptionLabel: opt => opt.label, isOptionEqualToValue: (opt, val) => opt.id === val.id, value: folderOptions.find(f => f.id === selectedParent) ?? null, disablePortal: true, onChange: (_ev, newVal) => setSelectedParent(newVal?.id ?? null), renderInput: params => (_jsx(TextField, { ...params, size: "small", label: t('modal.cases.add_item.folder'), placeholder: t('modal.cases.add_item.root'), fullWidth: true })) })), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", color: "error", onClick: close, disabled: submitting, children: t('cancel') }), _jsx(Button, { variant: "outlined", color: "success", disabled: !isValid || submitting, startIcon: submitting ? _jsx(CircularProgress, { size: 16, color: "inherit" }) : undefined, onClick: onSubmit, children: t('confirm') })] })] }));
 };
 export default AddToCaseModal;

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Autocomplete, Button, CircularProgress, Divider, Stack, TextField, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';

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

@@ -35,9 +35,9 @@ const RenameItemModal = ({ _case, item, onRenamed }) => {
             setSubmitting(false);
         }
     };
-    return (_jsxs(Stack, { spacing: 2, p: 2, sx: { minWidth: 'min(600px, 60vw)' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.rename_item') }), _jsx(TextField, { size: "small", label: t('modal.cases.rename_item.new_name'), value: name, onChange: ev => setName(ev.target.value), error: !!nameError, helperText: nameError ?? ' ', fullWidth: true, autoFocus: true, onKeyDown: ev => {
+    return (_jsxs(Stack, { spacing: 2, p: 2, sx: { minWidth: 'min(600px, 60vw)' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.rename_item') }), _jsx(TextField, { size: "small", label: t('modal.cases.rename_item.new_name'), value: name, onChange: ev => setName(ev.target.value), error: !!nameError, helperText: nameError ?? ' ', fullWidth: true, onKeyDown: ev => {
                     if (ev.key === 'Enter' && isValid && !submitting) {
-                        onSubmit();
+                        void onSubmit();
                     }
                 } }), _jsxs(Stack, { direction: "row", justifyContent: "flex-end", spacing: 1, children: [_jsx(Button, { onClick: close, color: "error", variant: "outlined", disabled: submitting, children: t('button.cancel') }), _jsx(Button, { onClick: onSubmit, color: "success", variant: "outlined", disabled: !isValid || submitting, startIcon: submitting ? _jsx(CircularProgress, { size: 16, color: "inherit" }) : undefined, children: t('button.confirm') })] })] }));
 };

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

@@ -98,7 +98,7 @@ const ResolveModal = ({ case: _case, onConfirm }) => {
         });
     }, []);
     useEffect(() => {
-        (async () => {
+        void (async () => {
             try {
                 const result = await dispatchApi(api.search.hit.post({
                     query: `howler.id:(${hitIds.join(' OR ')})`,

package/components/routes/cases/modals/hooks.d.ts

@@ -4,4 +4,4 @@ import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 import type { FolderOption, RecordEntry } from './types';
 export declare const defaultTitle: (record: Hit | Event) => string;
 export declare const useFolderOptions: (selectedCase: Case | null) => FolderOption[];
-export declare const useRecordEntries: (records: (Hit | Event)[]) => readonly [RecordEntry[], (index: number, field: "name" | "parent", value: string | null) => void];
+export declare const useRecordEntries: (records: (Hit | Event)[]) => readonly [RecordEntry[], (index: number, field: 'name' | 'parent', value: string | null) => void];

package/components/routes/dossiers/DossierEditor.js

@@ -146,7 +146,7 @@ const DossierEditor = () => {
             return;
         }
         setLoading(true);
-        dispatchApi(api.dossier.get(params.id))
+        void dispatchApi(api.dossier.get(params.id))
             .then(_dossier => {
             setOriginalDossier(_dossier);
             setDossier(_dossier);
@@ -158,7 +158,7 @@ const DossierEditor = () => {
             return;
         }
         setQuery(dossier.query);
-        (async () => {
+        void (async () => {
             setLoading(true);
             try {
                 const result = await dispatchApi(api.search.hit.post({ query: dossier.query, rows: 0 }));

package/components/routes/dossiers/DossierEditor.test.js

@@ -273,7 +273,7 @@ describe('DossierEditor', () => {
                 const titleInput = screen.getByTestId('dossier-title');
                 await user.type(titleInput, 'Test Title');
                 const queryInput = screen.getByTestId('query-input');
-                user.click(queryInput);
+                void user.click(queryInput);
                 await user.keyboard('test query');
                 await user.keyboard('{Enter}');
                 await waitFor(() => {

package/components/routes/dossiers/Dossiers.js

@@ -49,7 +49,7 @@ const DossiersBase = () => {
                 offset
             });
         }
-        catch (e) {
+        catch {
             setHasError(true);
         }
         finally {
@@ -93,7 +93,7 @@ const DossiersBase = () => {
         });
     }, [dispatchApi, remove, withConfirmDeleteModal, showSuccessMessage, t]);
     useEffect(() => {
-        onSearch();
+        void onSearch();
         if (!searchParams.has('offset')) {
             searchParams.set('offset', '0');
             setSearchParams(searchParams, { replace: true });
@@ -109,7 +109,7 @@ const DossiersBase = () => {
     }, [offset, response?.total, searchParams, setSearchParams]);
     useEffect(() => {
         if (!loading) {
-            onSearch();
+            void onSearch();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [offset]);

package/components/routes/dossiers/PivotForm.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon, iconExists } from '@iconify/react';
 import { Add, Delete, OpenInNew, Remove } from '@mui/icons-material';
 import { Alert, Autocomplete, Button, Divider, IconButton, Paper, Stack, Tab, Tabs, TextField, Typography, useTheme } from '@mui/material';
@@ -13,9 +13,7 @@ import { useSearchParams } from 'react-router-dom';
 const LinkForm = ({ pivot, update }) => {
     const { t } = useTranslation();
     const { config } = useContext(ApiConfigContext);
-    return (_jsxs(_Fragment, { children: [_jsx(TextField, { size: "small", label: t('route.dossiers.manager.pivot.value'), disabled: !pivot, value: pivot?.value ?? '', fullWidth: true, onChange: ev => update({ value: ev.target.value }) }), _jsx(Divider, { flexItem: true }), _jsx(Typography, { children: t('route.dossiers.manager.pivot.mappings') }), pivot?.mappings?.map((_mapping, index) => (
-            // eslint-disable-next-line react/no-array-index-key
-            _jsxs(Fragment, { children: [_jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(TextField, { size: "small", label: t('route.dossiers.manager.pivot.mapping.key'), disabled: !pivot, value: _mapping?.key ?? '', onChange: ev => update({
+    return (_jsxs(_Fragment, { children: [_jsx(TextField, { size: "small", label: t('route.dossiers.manager.pivot.value'), disabled: !pivot, value: pivot?.value ?? '', fullWidth: true, onChange: ev => update({ value: ev.target.value }) }), _jsx(Divider, { flexItem: true }), _jsx(Typography, { children: t('route.dossiers.manager.pivot.mappings') }), pivot?.mappings?.map((_mapping, index) => (_jsxs(Fragment, { children: [_jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(TextField, { size: "small", label: t('route.dossiers.manager.pivot.mapping.key'), disabled: !pivot, value: _mapping?.key ?? '', onChange: ev => update({
                                     mappings: pivot.mappings.map((_m, _index) => index === _index ? { ..._m, key: ev.target.value } : _m)
                                 }) }), _jsx(Autocomplete, { fullWidth: true, disabled: !pivot, options: ['custom', ...Object.keys(config.indexes.hit)], renderInput: params => (_jsx(TextField, { ...params, size: "small", fullWidth: true, label: t('route.dossiers.manager.pivot.mapping.field'), sx: { minWidth: '150px' } })), getOptionLabel: opt => t(opt), value: _mapping.field ?? '', onChange: (_ev, field) => update({
                                     mappings: pivot.mappings.map((_m, _index) => (index === _index ? { ..._m, field } : _m))

package/components/routes/events/EventViewer.js

@@ -14,7 +14,7 @@ const EventViewer = ({ event: provided, eventId }) => {
     }, [provided]);
     useEffect(() => {
         if (eventId) {
-            dispatchApi(api.v2.search.post('event', { query: `howler.id:${eventId}`, rows: 1 }), {
+            void dispatchApi(api.v2.search.post('event', { query: `howler.id:${eventId}`, rows: 1 }), {
                 throwError: false
             }).then(res => setEvent(res.items[0]));
         }

package/components/routes/help/ApiDocumentation.js

@@ -25,7 +25,7 @@ const ApiDocumentation = () => {
     const isLg = useMediaQuery(theme.breakpoints.down('lg'));
     const [data, setData] = useState(null);
     useEffect(() => {
-        dispatchApi(api.help.get()).then(setData);
+        void dispatchApi(api.help.get()).then(setData);
     }, [dispatchApi]);
     if (!data) {
         return (_jsx(PageCenter, { margin: 4, maxWidth: "1750px", width: "100%", textAlign: "left", children: t('loading') }));

package/components/routes/help/HitBannerDocumentation.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CardContent, Divider, Typography } from '@mui/material';
 import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
 import JSONViewer from '@cccsaurora/howler-ui/components/elements/display/json/JSONViewer';

package/components/routes/help/HitSchemaDocumentation.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Clear } from '@mui/icons-material';
 import { Alert, AlertTitle, Box, Chip, IconButton, InputAdornment, Stack, Table, TableBody, TableCell, TableHead, TableRow, TextField, Typography, useTheme } from '@mui/material';
 import Markdown from '@cccsaurora/howler-ui/components/elements/display/Markdown';

package/components/routes/help/RetentionDocumentation.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PageCenter from '@cccsaurora/howler-ui/commons/components/pages/PageCenter';
 import Markdown from '@cccsaurora/howler-ui/components/elements/display/Markdown';
 import { useScrollRestoration } from '@cccsaurora/howler-ui/components/hooks/useScrollRestoration';
@@ -25,7 +25,7 @@ const RetentionDocumentation = () => {
         return modifyDocumentation(original, howlerPluginStore, pluginStore);
     }, [i18n.language, pluginStore]);
     useEffect(() => {
-        api.search.hit
+        void api.search.hit
             .post({
             query: 'howler.id:*',
             sort: 'event.created asc',

package/components/routes/help/SearchDocumentation.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ExpandMore } from '@mui/icons-material';
 import { Accordion, AccordionDetails, AccordionSummary, Box, Card, Chip, emphasize, Stack, styled, Tab, Table, TableBody, TableCell, TableHead, TableRow, Typography, useMediaQuery, useTheme } from '@mui/material';
 import { useAppBar, useAppLayout, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Clear, Code, Comment, DataObject, History, LinkSharp, OpenInNew, QueryStats } from '@mui/icons-material';
 import { Badge, Box, Divider, IconButton, Skeleton, Stack, Tab, Tabs, Tooltip, useTheme } from '@mui/material';
 import TuiIconButton from '@cccsaurora/howler-ui/components/elements/addons/buttons/CustomIconButton';
@@ -68,7 +68,7 @@ const InformationPane = ({ onClose, selected: _selected }) => {
         }
         if (!record?.howler.data) {
             setLoading(true);
-            getRecord(selected, true).finally(() => setLoading(false));
+            void getRecord(selected, true).finally(() => setLoading(false));
             return;
         }
         setUserIds(getUserList(record));
@@ -83,17 +83,17 @@ const InformationPane = ({ onClose, selected: _selected }) => {
     }, [selected]);
     useEffect(() => {
         if (isHit(record) && !analytic) {
-            getMatchingAnalytic(record).then(setAnalytic);
+            void getMatchingAnalytic(record).then(setAnalytic);
         }
     }, [analytic, getMatchingAnalytic, record]);
     useEffect(() => {
         if (isHit(record) && !_dossiers) {
-            getMatchingDossiers(record).then(setDossiers);
+            void getMatchingDossiers(record).then(setDossiers);
         }
     }, [_dossiers, getMatchingDossiers, record]);
     useEffect(() => {
         if (isHit(record)) {
-            getMatchingOverview(record).then(_overview => setHasOverview(!!_overview));
+            void getMatchingOverview(record).then(_overview => setHasOverview(!!_overview));
         }
     }, [getMatchingOverview, record]);
     useEffect(() => {

package/components/routes/hits/search/QuerySettings.test.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { render, screen, waitFor } from '@testing-library/react';
 import userEvent, {} from '@testing-library/user-event';
 import { act } from 'react';
@@ -249,16 +249,15 @@ describe('QuerySettings', () => {
             expect(screen.getByLabelText(i18n.t('hit.search.filter.add'))).toBeInTheDocument();
             expect(screen.getByLabelText(i18n.t('hit.search.view.add'))).toBeInTheDocument();
         });
-        it('should allow multiple clicks to add multiple filters', async () => {
+        it('should close after adding a filter', async () => {
             render(_jsx(QuerySettings, {}), { wrapper: Wrapper });
             const chipButton = screen.getByRole('button');
             await user.click(chipButton);
             const addFilterButton = screen.getByLabelText(i18n.t('hit.search.filter.add'));
             await user.click(addFilterButton);
-            await user.click(addFilterButton);
-            await user.click(addFilterButton);
-            expect(mockAddFilter).toHaveBeenCalledTimes(3);
+            expect(mockAddFilter).toHaveBeenCalledTimes(1);
             expect(mockAddFilter).toHaveBeenCalledWith('howler.assessment:*');
+            await waitFor(() => expect(screen.queryByLabelText(i18n.t('hit.search.filter.add'))).not.toBeInTheDocument());
         });
     });
     describe('Grid Layout', () => {

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

@@ -56,7 +56,7 @@ const HitBrowser = () => {
         return false;
     }, [selected, selectedHits]);
     useEffect(() => {
-        fetchViews(selectedViews);
+        void fetchViews(selectedViews);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [location.pathname, location.search]);
     const onClose = useCallback(() => {

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

@@ -26,7 +26,7 @@ const ViewLink = ({ id, viewId }) => {
     const [view, setView] = useState(null);
     useEffect(() => {
         setLoading(true);
-        getCurrentViews({ views: [viewId], ignoreParams: true })
+        void getCurrentViews({ views: [viewId], ignoreParams: true })
             .then(result => setView(result[0]))
             .finally(() => setLoading(false));
     }, [getCurrentViews, viewId]);

package/components/routes/hits/search/shared/CustomSort.js

@@ -16,7 +16,7 @@ const CustomSort = () => {
     const setSavedSort = useContextSelector(ParameterContext, ctx => ctx.setSort);
     const sortFields = useMemo(() => sortEntries.map(entry => entry.split(' ').slice(0, 2)), [sortEntries]);
     useEffect(() => {
-        getHitFields();
+        void getHitFields();
     }, [getHitFields]);
     useEffect(() => {
         if (!sort) {

package/components/routes/hits/search/shared/HitFilter.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("react").NamedExoticComponent<{
-    size?: "small" | "medium";
+    size?: 'small' | 'medium';
     id: number;
     value: string;
 }>;

package/components/routes/hits/search/shared/HitSort.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("react").NamedExoticComponent<{
-    size?: "small" | "medium";
+    size?: 'small' | 'medium';
 }>;
 export default _default;

package/components/routes/hits/search/shared/HitSort.js

@@ -57,7 +57,7 @@ const HitSort = ({ size = 'small' }) => {
         if (location.search.includes('sort')) {
             return;
         }
-        (async () => {
+        void (async () => {
             const selectedViewSort = (await getCurrentViews({ lazy: true })).find(view => view?.sort)?.sort;
             if (selectedViewSort && !location.search.includes('sort')) {
                 setSavedSort(selectedViewSort);

package/components/routes/hits/search/shared/SearchSpan.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("react").NamedExoticComponent<{
     omitCustom?: boolean;
-    size?: "small" | "medium";
+    size?: 'small' | 'medium';
 }>;
 export default _default;

package/components/routes/hits/search/shared/SearchSpan.js

@@ -34,7 +34,7 @@ const SearchSpan = ({ omitCustom = false, size }) => {
         if (location.search.includes('span')) {
             return;
         }
-        (async () => {
+        void (async () => {
             const selectedViewSpan = (await getCurrentViews({ lazy: true })).find(view => view?.span)?.span;
             if (!selectedViewSpan) {
                 return;

package/components/routes/hits/view/HitViewer.js

@@ -72,11 +72,11 @@ const HitViewer = () => {
         }
     }, [isUnderLg, setOrientation]);
     useEffect(() => {
-        fetchData();
+        void fetchData();
     }, [params.id, fetchData, hit]);
     const onOrientationChange = useCallback(() => setOrientation(orientation === Orientation.VERTICAL ? Orientation.HORIZONTAL : Orientation.VERTICAL), [orientation, setOrientation]);
     useEffect(() => {
-        getMatchingOverview(hit).then(_overview => setHasOverview(!!_overview));
+        void getMatchingOverview(hit).then(_overview => setHasOverview(!!_overview));
     }, [getMatchingOverview, hit]);
     useEffect(() => {
         if (hasOverview && tab === 'details') {
@@ -110,7 +110,7 @@ const HitViewer = () => {
         if (!hit) {
             return;
         }
-        getMatchingDossiers(hit).then(setDossiers);
+        void getMatchingDossiers(hit).then(setDossiers);
     }, [getMatchingDossiers, hit]);
     if (!hit) {
         return (_jsx(PageCenter, { children: _jsx(Skeleton, { variant: "rounded", height: "520px" }) }));

package/components/routes/home/AddNewCard.js

@@ -1,5 +1,5 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check } from '@mui/icons-material';
 import { Autocomplete, Box, Card, CardContent, CardHeader, Divider, FormControl, Grid, InputLabel, MenuItem, Select, Slider, Stack, TextField, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
@@ -61,7 +61,7 @@ const AddNewCard = ({ dashboard, addCard }) => {
         setAnalyticsLoading(false);
     };
     useEffect(() => {
-        fetchAllAnalytics();
+        void fetchAllAnalytics();
     }, []);
     const filteredAnalyticVisualizations = useMemo(() => {
         const existingAnalyticCards = dashboard.filter(_card => _card.type === 'analytic');

package/components/routes/home/AnalyticCard.js

@@ -17,7 +17,7 @@ const AnalyticCard = ({ analyticId, type }) => {
     const { getAnalyticFromId } = useContext(AnalyticContext);
     const chartRef = useRef();
     useEffect(() => {
-        getAnalyticFromId(analyticId).then(setAnalytic);
+        void getAnalyticFromId(analyticId).then(setAnalytic);
     }, [analyticId, getAnalyticFromId]);
     return (_jsx(Card, { variant: "outlined", sx: { height: '100%' }, children: _jsxs(CardContent, { sx: { height: '100%' }, children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { variant: "h6", children: analytic?.name ?? _jsx(Skeleton, { variant: "text", height: "2em", width: "100px" }) }), _jsx(IconButton, { size: "small", component: Link, to: `/analytics/${analytic?.analytic_id}`, children: _jsx(OpenInNew, { fontSize: "small" }) }), _jsx(FlexOne, {}), !['assessment', 'escalation'].includes(type) && (_jsx(Tooltip, { title: t('hit.summary.zoom.reset'), children: _jsx(IconButton, { onClick: () => chartRef.current?.resetZoom(), children: _jsx(CenterFocusWeak, {}) }) }))] }), {
                     assessment: () => _jsx(Assessment, { ref: chartRef, analytic: analytic }),