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

package/components/elements/hit/HitNotebooks.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 { Avatar, Backdrop, Box, Button, Chip, CircularProgress, ClickAwayListener, Fade, MenuItem, Paper, Popper, Stack, TextField, Tooltip } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
@@ -49,7 +49,7 @@ const HitNotebooks = ({ analytic, selectedNotebook, hit, compact }) => {
             window.open(`${envs[0].url}lab/tree/${filename}`, '_blank');
             setOpen(false);
         }
-        catch (e) {
+        catch {
             showErrorMessage(t('hit.notebook.error.failToPost'));
         }
     }, [envs, loadedNotebook, showErrorMessage, t]);
@@ -62,16 +62,16 @@ const HitNotebooks = ({ analytic, selectedNotebook, hit, compact }) => {
             if (response.status < 300) {
                 // if it exists, we need to ask for overwrite
                 showModal(_jsx(ConfirmNotebookModal, { onConfirm: () => {
-                        goToJupyhub(nbFileName, `${envs[0].url}post/${nbFileName}`);
+                        void goToJupyhub(nbFileName, `${envs[0].url}post/${nbFileName}`);
                     } }));
             }
             else {
-                goToJupyhub(nbFileName, `${envs[0].url}post/${nbFileName}`);
+                void goToJupyhub(nbFileName, `${envs[0].url}post/${nbFileName}`);
             }
         }
-        catch (e) {
+        catch {
             // error means notebook doesn't exist, we can proceed with posting
-            goToJupyhub(nbFileName, `${envs[0].url}post/${nbFileName}`);
+            void goToJupyhub(nbFileName, `${envs[0].url}post/${nbFileName}`);
         }
         setLoading(false);
     }, [envs, goToJupyhub, hit, loadedNotebook, showModal]);
@@ -105,9 +105,9 @@ const HitNotebooks = ({ analytic, selectedNotebook, hit, compact }) => {
     }, [analytic, dispatchApi, hit, selectedNotebook]);
     useEffect(() => {
         if (open) {
-            fetchEnvs(); //retrieve env info from howler-api/nbgallery
+            void fetchEnvs(); //retrieve env info from howler-api/nbgallery
             if (selectedNotebook) {
-                fetchNb();
+                void fetchNb();
             }
         }
         else {
@@ -120,7 +120,7 @@ const HitNotebooks = ({ analytic, selectedNotebook, hit, compact }) => {
     }, [open]);
     return (config.configuration.features.notebook &&
         analytic?.notebooks && (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), mouseEvent: 'onMouseUp', children: _jsxs("div", { children: [_jsx(Popper, { open: open, anchorEl: anchorEl, placement: 'bottom', transition: true, sx: { zIndex: 1499 }, children: ({ TransitionProps }) => (_jsx(Fade, { ...TransitionProps, timeout: 350, children: _jsxs(Paper, { sx: { maxWidth: '90%', width: '400px', p: 1, position: 'relative' }, children: [_jsx(Backdrop, { open: loading, sx: { position: 'absolute', zIndex: theme => theme.zIndex.drawer + 1 }, children: _jsx(Stack, { direction: "column", children: _jsx("div", { style: { textAlign: 'center' }, children: _jsx(CircularProgress, { color: "inherit" }) }) }) }), _jsxs(Stack, { direction: "column", spacing: 2, sx: { p: 1 }, children: [_jsxs(TextField, { disabled: !!selectedNotebook, label: "Notebook", select: true, onChange: e => {
-                                                fetchNb(e.target.value);
+                                                void fetchNb(e.target.value);
                                             }, SelectProps: {
                                                 MenuProps: {
                                                     style: { zIndex: 35001 }

package/components/elements/hit/HitOutline.js

@@ -15,7 +15,7 @@ const HitOutline = ({ hit, layout, lazy = false, forceAllFields = false }) => {
     const [templateFieldCount] = useMyLocalStorageItem(StorageKey.TEMPLATE_FIELD_COUNT, null);
     const [template, setTemplate] = useState(null);
     useEffect(() => {
-        getMatchingTemplate(hit).then(setTemplate);
+        void getMatchingTemplate(hit).then(setTemplate);
     }, [getMatchingTemplate, hit]);
     const outline = useMemo(() => {
         if (template) {

package/components/elements/hit/HitOverview.js

@@ -10,7 +10,7 @@ const HitOverview = ({ content, hit }) => {
     const { getMatchingOverview } = useMatchers();
     const [matchingOverview, setMatchingOverview] = useState(null);
     useEffect(() => {
-        getMatchingOverview(hit).then(setMatchingOverview);
+        void getMatchingOverview(hit).then(setMatchingOverview);
     }, [getMatchingOverview, hit]);
     const link = useMemo(() => matchingOverview
         ? `/overviews/view?analytic=${encodeURIComponent(matchingOverview.analytic)}${matchingOverview.detection && '&detection=' + encodeURIComponent(matchingOverview.detection)}`

package/components/elements/hit/HitPreview.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 { Box, Chip, Divider, Stack, Tooltip, Typography, useMediaQuery, useTheme } from '@mui/material';
 import { memo, useMemo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';

package/components/elements/hit/HitSummary.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 { Analytics, InfoOutlined } from '@mui/icons-material';
 import { Alert, AlertTitle, Autocomplete, Box, Button, Chip, CircularProgress, Divider, Fade, Grid, LinearProgress, Stack, TextField, Tooltip, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
@@ -129,7 +129,7 @@ const HitSummary = ({ response, onStart, onComplete }) => {
         if ((!query && views?.length < 1) || searching || error) {
             return;
         }
-        performAggregation();
+        void performAggregation();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [query, views, searching, error]);
     return (_jsxs(Stack, { sx: { mx: 2, height: '100%' }, spacing: 1, children: [_jsx(Typography, { variant: "h6", children: t('hit.summary.aggregate.title') }), _jsx(Divider, { flexItem: true }), showHitSummaryGraph && (_jsxs(_Fragment, { children: [_jsx(HitGraph, {}), _jsx(Divider, { flexItem: true })] })), _jsxs(Stack, { sx: { overflow: 'auto', marginTop: '0 !important' }, pt: 1, spacing: 1, children: [_jsxs(Stack, { direction: "row", spacing: 2, mb: 2, alignItems: "stretch", children: [_jsx(Autocomplete, { fullWidth: true, multiple: true, sx: { minWidth: '175px' }, size: "small", value: customKeys, options: hitFields.map(_field => _field.key), renderInput: _params => _jsx(TextField, { ..._params, label: t('hit.summary.adhoc') }), onChange: (_, value) => setCustomKeys(value) }), _jsx(Button, { variant: "outlined", startIcon: loading ? _jsx(CircularProgress, { size: 20, sx: { ml: 1 } }) : _jsx(Analytics, { sx: { ml: 1 } }), disabled: loading, onClick: () => performAggregation(), children: t('button.aggregate') })] }), isEmpty(aggregateResults) && (_jsxs(Alert, { severity: "info", variant: "outlined", children: [_jsx(AlertTitle, { children: t('hit.summary.aggregate.nokeys.title') }), t('hit.summary.aggregate.nokeys.description')] })), loading && _jsx(LinearProgress, { sx: { minHeight: '4px' } }), Object.keys(aggregateResults)

package/components/elements/hit/ResolvePivotUrl.d.ts

@@ -1,4 +1,4 @@
 import type { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-declare const resolvePivotUrl: (pivot: NonNullable<Dossier["pivots"]>[number], currentHit?: Hit) => string;
+declare const resolvePivotUrl: (pivot: NonNullable<Dossier['pivots']>[number], currentHit?: Hit) => string;
 export default resolvePivotUrl;

package/components/elements/hit/actions/ButtonActions.js

@@ -91,9 +91,7 @@ const ButtonActions = ({ actions, loading, orientation, shortcuts, currentVote }
                                 gridRow: rowIndex + 2
                             }
                             : { gridColumn: rowIndex + 1, gridRow: index + 3 + actionRows[0].length };
-                        const button = (
-                        // Set tooltip placement to be uniform for all buttons
-                        _jsx(Tooltip, { title: t(`hit.details.asessments.${action.name}.description`), placement: "top", children: _jsx(Button, { variant: "outlined", size: "small", disabled: loading, onClick: action.actionFunction, sx: [
+                        const button = (_jsx(Tooltip, { title: t(`hit.details.asessments.${action.name}.description`), placement: "top", children: _jsx(Button, { variant: "outlined", size: "small", disabled: loading, onClick: action.actionFunction, sx: [
                                     {
                                         width: '100%',
                                         p: 0.6

package/components/elements/hit/aggregate/HitGraph.js

@@ -112,7 +112,7 @@ const HitGraph = () => {
         if ((!query && views?.length < 1) || error || !response) {
             return;
         }
-        performQuery();
+        void performQuery();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [query, views, error, span, response, escalationFilter, filterField]);
     const options = useMemo(() => {

package/components/elements/hit/elements/AnalyticLink.js

@@ -10,7 +10,7 @@ const AnalyticLink = ({ hit, lazy = false, compressed, alignSelf = 'start' }) =>
         if (!hit?.howler.analytic) {
             return;
         }
-        getMatchingAnalytic(hit).then(analytic => setAnalyticId(analytic?.analytic_id));
+        void getMatchingAnalytic(hit).then(analytic => setAnalyticId(analytic?.analytic_id));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hit?.howler.analytic]);
     return (_jsxs(Typography, { variant: compressed ? 'body1' : 'h6', fontWeight: compressed && 'bold', sx: { alignSelf, '& a': { color: 'text.primary' } }, children: [analyticId ? (_jsx(Link, { to: `/analytics/${analyticId}`, target: "_blank", rel: "noopener noreferrer", onAuxClick: e => {

package/components/elements/hit/elements/Assigned.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 { avatarClasses, AvatarGroup, Chip, Divider, Stack, Typography } from '@mui/material';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { SocketContext } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';

package/components/elements/hit/grid/AddColumnModal.js

@@ -19,7 +19,7 @@ const AddColumnModal = ({ addColumn, columns }) => {
     const options = useMemo(() => hitFields.map(field => field.key), [hitFields]);
     const [suggestions, setSuggestions] = useState([]);
     useEffect(() => {
-        (async () => {
+        void (async () => {
             setSuggestions(uniq((await Promise.all((response?.items ?? []).filter(isHit).map(async (_hit) => (await getMatchingTemplate(_hit))?.keys ?? []))).flat()));
         })();
     }, [getMatchingTemplate, response?.items]);

package/components/elements/hit/grid/ColumnHeader.js

@@ -15,7 +15,7 @@ const ColumnHeader = ({ col, width, colSource, setColumns, onMouseDown }) => {
             borderRightColor: 'divider',
             py: 0.5,
             position: 'relative'
-        }, style: { transform: CSS.Translate.toString(transform), transition }, children: _jsxs(Stack, { className: `col-${col.replaceAll('.', '-')}`, direction: "row", spacing: 1, alignItems: "center", sx: [{ minWidth: '220px' }, !!width ? { width, maxWidth: width } : { maxWidth: '300px' }], children: [_jsx(Tooltip, { title: config.indexes.hit[col].description, children: _jsx("span", { children: col }) }), colSource?.length > 1 && (_jsx(Tooltip, { title: colSource.join(', '), children: _jsx(JoinFull, { fontSize: "small" }) })), _jsx(FlexOne, {}), _jsx(IconButton, { size: "small", sx: { fontSize: '1rem' }, onClick: () => setColumns(_columns => _columns.filter(_col => _col !== col)), children: _jsx(Remove, { fontSize: "inherit" }) }), _jsx(DragIndicator, { fontSize: "small", sx: { cursor: 'grab' }, ...attributes, ...listeners }), _jsx(Box, { sx: {
+        }, style: { transform: CSS.Translate.toString(transform), transition }, children: _jsxs(Stack, { className: `col-${col.replaceAll('.', '-')}`, direction: "row", spacing: 1, alignItems: "center", sx: [{ minWidth: '220px' }, width ? { width, maxWidth: width } : { maxWidth: '300px' }], children: [_jsx(Tooltip, { title: config.indexes.hit[col].description, children: _jsx("span", { children: col }) }), colSource?.length > 1 && (_jsx(Tooltip, { title: colSource.join(', '), children: _jsx(JoinFull, { fontSize: "small" }) })), _jsx(FlexOne, {}), _jsx(IconButton, { size: "small", sx: { fontSize: '1rem' }, onClick: () => setColumns(_columns => _columns.filter(_col => _col !== col)), children: _jsx(Remove, { fontSize: "inherit" }) }), _jsx(DragIndicator, { fontSize: "small", sx: { cursor: 'grab' }, ...attributes, ...listeners }), _jsx(Box, { sx: {
                         position: 'absolute',
                         top: theme.spacing(0.75),
                         bottom: theme.spacing(0.75),

package/components/elements/hit/grid/RecordRow.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 { KeyboardArrowUp } from '@mui/icons-material';
 import { Box, Collapse, IconButton, lighten, Stack, TableCell, TableRow, Typography, useTheme } from '@mui/material';
 import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';

package/components/elements/hit/grid/RecordTable.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 { DndContext, KeyboardSensor, PointerSensor, pointerWithin, useSensor, useSensors } from '@dnd-kit/core';
 import { arrayMove, SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
 import { FormatIndentDecrease, FormatIndentIncrease, Search } from '@mui/icons-material';
@@ -23,7 +23,7 @@ const RecordTable = ({ query, items, refreshItems, ContextMenu, contextMenuProps
             if (!isHit(record) || analyticIds[record.howler.analytic]) {
                 return;
             }
-            getMatchingAnalytic(record).then(_analytic => {
+            void getMatchingAnalytic(record).then(_analytic => {
                 if (_analytic) {
                     setAnalyticIds(_analyticIds => ({ ..._analyticIds, [record.howler.analytic]: _analytic.analytic_id }));
                 }

package/components/elements/hit/outlines/DefaultOutline.js

@@ -32,9 +32,7 @@ const DefaultOutline = ({ hit, fields, template, layout = HitLayout.NORMAL, read
     return (_jsxs(Box, { display: "grid", gridTemplateColumns: "auto 1fr", columnGap: 1, sx: { position: 'relative' }, children: [_jsx(IconButton, { size: "small", sx: { position: 'absolute', right: 0, top: 0 }, onClick: handleOpen, children: readonly ? ( // Built in template
                 _jsx(Tooltip, { title: t('route.templates.builtin'), children: _jsx(Lock, { fontSize: "small" }) })) : !template ? ( // No type specified => using the default
                 _jsx(Tooltip, { title: t('route.templates.default'), children: _jsx(Info, { fontSize: "small" }) })) : template.type === 'global' ? ( // Type is global => global template
-                _jsx(Tooltip, { title: t('route.templates.global'), children: _jsx(Language, { fontSize: "small" }) })) : (
-                // Finally, type isn't global => personal template
-                _jsx(Tooltip, { title: t('route.templates.personal'), children: _jsx(Person, { fontSize: "small" }) })) }), (fields ?? [])
+                _jsx(Tooltip, { title: t('route.templates.global'), children: _jsx(Language, { fontSize: "small" }) })) : (_jsx(Tooltip, { title: t('route.templates.personal'), children: _jsx(Person, { fontSize: "small" }) })) }), (fields ?? [])
                 .map(field => [field, get(hit, field)])
                 .map(([field, data]) => {
                 const displayedData = (Array.isArray(data) ? data.join(', ') : isObject(data) ? JSON.stringify(data) : data)?.toString();

package/components/elements/hit/related/PivotLink.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 { ErrorOutline } from '@mui/icons-material';
 import { Tooltip } from '@mui/material';
 import { useHelpers } from '@cccsaurora/howler-ui/components/elements/display/handlebars/helpers';

package/components/elements/record/RecordComments.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, KeyboardArrowDown, Send } from '@mui/icons-material';
 import { Accordion, AccordionDetails, AccordionSummary, AvatarGroup, Chip, IconButton, Skeleton, Stack, TextField, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
@@ -52,7 +52,7 @@ const RecordComments = ({ record, users }) => {
     }, [handler]);
     useEffect(() => {
         if (isHit(record) && record.howler.analytic) {
-            getMatchingAnalytic(record).then(analytic => {
+            void getMatchingAnalytic(record).then(analytic => {
                 setAnalyticId(analytic?.analytic_id);
                 setAnalyticComments(sortByTimestamp(analytic?.comment ?? []));
             });
@@ -104,7 +104,7 @@ const RecordComments = ({ record, users }) => {
             setLength(input.current.value.length);
         }
         if (e.ctrlKey && e.key === 'Enter' && !loading) {
-            onSubmit();
+            void onSubmit();
         }
     }, [loading, onSubmit]);
     const checkLength = useCallback(() => setLength(input.current?.value.length), []);
@@ -137,13 +137,11 @@ const RecordComments = ({ record, users }) => {
     const handleReact = useCallback(async (commentId, type) => {
         if (type) {
             await dispatchApi(api.hit.comments.react.put(record.howler.id, commentId, type));
-            setComments(comments.map(cmt => cmt.id !== commentId ? cmt : { ...cmt, reactions: { ...(cmt?.reactions ?? {}), [user.username]: type } }));
+            setComments(comments.map(cmt => cmt.id !== commentId ? cmt : { ...cmt, reactions: { ...cmt?.reactions, [user.username]: type } }));
         }
         else {
             await dispatchApi(api.hit.comments.react.del(record.howler.id, commentId));
-            setComments(comments.map(cmt => cmt.id !== commentId
-                ? cmt
-                : { ...cmt, reactions: { ...(cmt?.reactions ?? {}), [user.username]: undefined } }));
+            setComments(comments.map(cmt => cmt.id !== commentId ? cmt : { ...cmt, reactions: { ...cmt?.reactions, [user.username]: undefined } }));
         }
     }, [comments, dispatchApi, record?.howler.id, user.username]);
     /**

package/components/elements/record/RecordContextMenu.js

@@ -128,8 +128,8 @@ const RecordContextMenu = ({ children, getSelectedId, Component }) => {
         if (!record?.howler.analytic) {
             return;
         }
-        getMatchingAnalytic(record).then(setAnalytic);
-        getMatchingTemplate(record).then(setTemplate);
+        void getMatchingAnalytic(record).then(setAnalytic);
+        void getMatchingTemplate(record).then(setTemplate);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [record]);
     /**

package/components/elements/record/RecordContextMenu.test.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import userEvent, {} from '@testing-library/user-event';
 import { omit } from 'lodash-es';
@@ -91,10 +91,10 @@ vi.mock('@mui/material', async () => {
     const actual = await vi.importActual('@mui/material');
     return {
         ...actual,
-        Menu: ({ children, open, onClose, ...props }) => open ? (_jsx("div", { role: "menu", onClick: onClose, ...omit(props, ['sx', 'slotProps', 'MenuListProps', 'anchorOrigin', 'anchorEl']), children: children })) : null,
+        Menu: ({ children, open, onClose, ...props }) => open ? (_jsx("div", { tabIndex: 0, role: "menu", onClick: onClose, ...omit(props, ['sx', 'slotProps', 'MenuListProps', 'anchorOrigin', 'anchorEl']), children: children })) : null,
         MenuItem: ({ children, onClick, disabled, component, to, ...props }) => {
             const Component = component || 'div';
-            return (_jsx(Component, { role: "menuitem", onClick: onClick, "aria-disabled": disabled, href: to, ...omit(props, ['sx', 'component']), children: children }));
+            return (_jsx(Component, { tabIndex: 0, role: "menuitem", onClick: onClick, "aria-disabled": disabled, href: to, ...omit(props, ['sx', 'component']), children: children }));
         },
         Fade: ({ children, in: inProp }) => (inProp ? _jsx(_Fragment, { children: children }) : null),
         ListItemIcon: ({ children }) => _jsx("div", { children: children }),
@@ -171,7 +171,7 @@ describe('HitContextMenu', () => {
             });
             act(() => {
                 const menu = screen.getByRole('menu');
-                user.click(menu);
+                void user.click(menu);
             });
             await waitFor(() => {
                 expect(screen.queryByRole('menu')).not.toBeInTheDocument();

package/components/elements/record/RecordWorklog.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 { KeyboardArrowUp } from '@mui/icons-material';
 import { CardContent, CardHeader, Divider, Skeleton, Stack, Tooltip, Typography, useTheme } from '@mui/material';
 import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';

package/components/elements/view/LayoutToggle.d.ts

@@ -2,7 +2,7 @@ export type HowlerViewLayoutType = 'list' | 'grid' | null;
 declare const LayoutToggle: ({ displayType, setDisplayType, size, allowNullValue }: {
     displayType: HowlerViewLayoutType;
     setDisplayType: (type: HowlerViewLayoutType) => void;
-    size?: "small" | "medium" | "large";
+    size?: 'small' | 'medium' | 'large';
     allowNullValue?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export default LayoutToggle;

package/components/hooks/useHitActions.js

@@ -173,7 +173,7 @@ const useHitActions = (_hits) => {
         ...option,
         actionFunction: () => {
             if (!loading) {
-                manage(option.name.toLowerCase());
+                void manage(option.name.toLowerCase());
             }
         }
     })), [config.config.lookups?.transitions, hits, loading, manage, user.username]);

package/components/hooks/useLocalStorage.js

@@ -9,7 +9,7 @@ const useLocalStorage = (prefix) => {
         try {
             return JSON.parse(localStorage.getItem(_buildKey(key)));
         }
-        catch (e) {
+        catch {
             return null;
         }
     }, [_buildKey]);

package/components/hooks/useLocalStorageItem.test.js

@@ -51,7 +51,7 @@ describe('useLocalStorageItem', () => {
         it('skips persisting to storage when save=false', () => {
             const { result } = renderHook(() => useLocalStorageItem('testkey', 0));
             vi.mocked(mockLocalStorage.setItem).mockClear();
-            act(() => result.current[1](10, false));
+            void act(() => result.current[1](10, false));
             expect(result.current[0]).toBe(10);
             expect(mockLocalStorage.setItem).not.toHaveBeenCalled();
         });
@@ -95,7 +95,7 @@ describe('useLocalStorageItem', () => {
         it('propagates save=false updates to other subscribers', () => {
             const { result: a } = renderHook(() => useLocalStorageItem('testkey', 0));
             const { result: b } = renderHook(() => useLocalStorageItem('testkey', 0));
-            act(() => a.current[1](10, false));
+            void act(() => a.current[1](10, false));
             expect(b.current[0]).toBe(10);
         });
         it('stops receiving updates after unmount', () => {

package/components/hooks/useMyChart.d.ts

@@ -5,7 +5,7 @@ declare const useMyChart: () => {
         plugins: {
             legend: {
                 display: boolean;
-                position: "top";
+                position: 'top';
                 labels: {
                     color: string;
                 };
@@ -36,16 +36,16 @@ declare const useMyChart: () => {
                 zoom: {
                     wheel: {
                         enabled: boolean;
-                        modifierKey: "ctrl";
+                        modifierKey: 'ctrl';
                     };
                     pinch: {
                         enabled: boolean;
                     };
-                    mode: "y";
+                    mode: 'y';
                 };
                 pan: {
                     enabled: boolean;
-                    mode: "x" | "y" | "xy";
+                    mode: 'x' | 'y' | 'xy';
                 };
                 limits: {
                     y: {
@@ -56,9 +56,9 @@ declare const useMyChart: () => {
         };
         scales: {
             x: {
-                type: "time";
+                type: 'time';
                 time: {
-                    unit: "day";
+                    unit: 'day';
                 };
                 ticks: {
                     color: string;
@@ -73,12 +73,11 @@ declare const useMyChart: () => {
         };
     };
     doughnut: (titleKey: string, subtitleKey?: string) => {
-        scales: any;
         responsive: boolean;
         plugins: {
             legend: {
                 display: boolean;
-                position: "top";
+                position: 'top';
                 labels: {
                     color: string;
                 };
@@ -109,16 +108,16 @@ declare const useMyChart: () => {
                 zoom: {
                     wheel: {
                         enabled: boolean;
-                        modifierKey: "ctrl";
+                        modifierKey: 'ctrl';
                     };
                     pinch: {
                         enabled: boolean;
                     };
-                    mode: "y";
+                    mode: 'y';
                 };
                 pan: {
                     enabled: boolean;
-                    mode: "x" | "y" | "xy";
+                    mode: 'x' | 'y' | 'xy';
                 };
                 limits: {
                     y: {
@@ -127,13 +126,14 @@ declare const useMyChart: () => {
                 };
             };
         };
+        scales: any;
     };
     bar: (titleKey: string, subtitleKey?: string) => {
         responsive: boolean;
         plugins: {
             legend: {
                 display: boolean;
-                position: "top";
+                position: 'top';
                 labels: {
                     color: string;
                 };
@@ -164,16 +164,16 @@ declare const useMyChart: () => {
                 zoom: {
                     wheel: {
                         enabled: boolean;
-                        modifierKey: "ctrl";
+                        modifierKey: 'ctrl';
                     };
                     pinch: {
                         enabled: boolean;
                     };
-                    mode: "y";
+                    mode: 'y';
                 };
                 pan: {
                     enabled: boolean;
-                    mode: "x" | "y" | "xy";
+                    mode: 'x' | 'y' | 'xy';
                 };
                 limits: {
                     y: {
@@ -184,9 +184,9 @@ declare const useMyChart: () => {
         };
         scales: {
             x: {
-                type: "time";
+                type: 'time';
                 time: {
-                    unit: "day";
+                    unit: 'day';
                 };
                 ticks: {
                     color: string;
@@ -205,7 +205,7 @@ declare const useMyChart: () => {
         plugins: {
             legend: {
                 display: boolean;
-                position: "top";
+                position: 'top';
                 labels: {
                     color: string;
                 };
@@ -236,16 +236,16 @@ declare const useMyChart: () => {
                 zoom: {
                     wheel: {
                         enabled: boolean;
-                        modifierKey: "ctrl";
+                        modifierKey: 'ctrl';
                     };
                     pinch: {
                         enabled: boolean;
                     };
-                    mode: "y";
+                    mode: 'y';
                 };
                 pan: {
                     enabled: boolean;
-                    mode: "x" | "y" | "xy";
+                    mode: 'x' | 'y' | 'xy';
                 };
                 limits: {
                     y: {
@@ -256,9 +256,9 @@ declare const useMyChart: () => {
         };
         scales: {
             x: {
-                type: "time";
+                type: 'time';
                 time: {
-                    unit: "day";
+                    unit: 'day';
                 };
                 ticks: {
                     color: string;

package/components/hooks/useMySnackbar.js

@@ -20,7 +20,7 @@ const useMySnackbar = () => {
         ...snackBarOptions,
         ...options,
         SnackbarProps: {
-            ...(options.SnackbarProps ?? {}),
+            ...options.SnackbarProps,
             onClick: options.SnackbarProps?.onClick
                 ? e => {
                     options.SnackbarProps?.onClick(e);