@cccsaurora/howler-ui 2.19.0-dev.1294 → 2.19.0-dev.1296

package/components/app/providers/RecordProvider.js

@@ -85,13 +85,13 @@ const RecordProvider = ({ children }) => {
         setSelectedHitIds(_selected => _selected.filter(_id => _id !== id));
     }, []);
     const clearSelectedRecords = useCallback((except) => {
-        setSelectedHitIds(!!except ? [except] : []);
+        setSelectedHitIds(except ? [except] : []);
     }, []);
     const selectedRecords = useMemo(() => selectedHitIds.map(id => records[id]).filter(hit => !!hit), [records, selectedHitIds]);
     useEffect(() => {
         selectedHitIds.forEach(id => {
             if (!recordRequests.current[id]) {
-                getRecord(id);
+                void getRecord(id);
             }
         });
     }, [getRecord, selectedHitIds]);

package/components/app/providers/RecordSearchProvider.js

@@ -83,7 +83,7 @@ const RecordSearchProvider = ({ children }) => {
     const search = useCallback(async (_query, appendResults) => {
         THROTTLER.debounce(async () => {
             if (_query === 'woof!') {
-                i18n.changeLanguage('woof');
+                void i18n.changeLanguage('woof');
                 return;
             }
             if (isNull(sort) || isNull(span)) {
@@ -156,7 +156,7 @@ const RecordSearchProvider = ({ children }) => {
             return;
         }
         if (views.length > 0 || (query && query !== DEFAULT_QUERY) || offset > 0 || filters.length > 0) {
-            search(query);
+            void search(query);
         }
         else {
             setResponse(null);

package/components/app/providers/SocketProvider.js

@@ -63,14 +63,14 @@ const SocketProvider = ({ children }) => {
                 // If we are unauthorized, we can update the token through the usual process and tell
                 // the connection to retry with the new token
                 if (data.status === 401) {
-                    api.user.whoami.get().then(() => setRetry(true));
+                    void api.user.whoami.get().then(() => setRetry(true));
                 }
                 else {
                     console.error(data);
                     setRetry(false);
                 }
             }
-            catch (err) {
+            catch {
                 // There's no useful data, or the refresh attempt failed.
                 // Either way, we can't really do anything
             }
@@ -100,7 +100,7 @@ const SocketProvider = ({ children }) => {
                 console.warn(data?.message || 'Websocket Error');
             }
         }
-        catch (err) {
+        catch {
             console.warn('Websocket Error');
         }
     }, []);

package/components/app/providers/UserListProvider.test.js

@@ -52,10 +52,10 @@ describe('UserListProvider', () => {
             .mockResolvedValueOnce(makeResponse(updatedFirstUser, secondUser));
         const hook = renderHook(() => useContext(UserListContext), { wrapper: Wrapper });
         await act(async () => {
-            await hook.result.current.searchUsers('name:alpha');
+            hook.result.current.searchUsers('name:alpha');
         });
         await act(async () => {
-            await hook.result.current.searchUsers('name:(alpha OR bravo)');
+            hook.result.current.searchUsers('name:(alpha OR bravo)');
         });
         expect(hook.result.current.users).toEqual({
             alpha: updatedFirstUser,
@@ -74,8 +74,8 @@ describe('UserListProvider', () => {
         mockDispatchApi.mockResolvedValueOnce(makeResponse(alpha)).mockResolvedValueOnce(undefined);
         const hook = renderHook(() => useContext(UserListContext), { wrapper: Wrapper });
         await act(async () => {
-            await hook.result.current.searchUsers('name:alpha');
-            await hook.result.current.searchUsers('name:bravo');
+            hook.result.current.searchUsers('name:alpha');
+            hook.result.current.searchUsers('name:bravo');
         });
         expect(hook.result.current.users).toEqual({ alpha });
     });
@@ -107,7 +107,7 @@ describe('UserListProvider', () => {
         mockSearchUserPost.mockResolvedValueOnce(makeResponse(alpha)).mockResolvedValueOnce(makeResponse(bravo));
         const hook = renderHook(() => useContext(UserListContext), { wrapper: Wrapper });
         await act(async () => {
-            await hook.result.current.searchUsers('id:alpha');
+            hook.result.current.searchUsers('id:alpha');
         });
         act(() => {
             hook.result.current.fetchUsers(new Set(['Unknown', 'alpha', 'bravo']));
@@ -125,7 +125,7 @@ describe('UserListProvider', () => {
         mockDispatchApi.mockResolvedValueOnce(makeResponse(alpha));
         const hook = renderHook(() => useContext(UserListContext), { wrapper: Wrapper });
         await act(async () => {
-            await hook.result.current.searchUsers('id:alpha');
+            hook.result.current.searchUsers('id:alpha');
         });
         act(() => {
             hook.result.current.fetchUsers(new Set(['Unknown', 'alpha']));

package/components/app/providers/ViewProvider.js

@@ -52,7 +52,7 @@ const ViewProvider = ({ children }) => {
         if (!defaultView || has(views, defaultView)) {
             return;
         }
-        (async () => {
+        void (async () => {
             const result = await fetchViews([defaultView]);
             if (!result.length) {
                 setDefaultView(undefined);
@@ -80,7 +80,7 @@ const ViewProvider = ({ children }) => {
         const result = await dispatchApi(api.view.put(id, partialView));
         setViews(_views => ({
             ..._views,
-            [id]: { ...(_views[id] ?? {}), ...partialView }
+            [id]: { ..._views[id], ...partialView }
         }));
         return result;
     }, [dispatchApi]);
@@ -94,7 +94,7 @@ const ViewProvider = ({ children }) => {
     const addView = useCallback(async (view) => {
         const newView = await dispatchApi(api.view.post(view));
         setViews(_views => ({ ..._views, [newView.view_id]: newView }));
-        addFavourite(newView.view_id);
+        void addFavourite(newView.view_id);
         return newView;
     }, [addFavourite, dispatchApi]);
     const removeFavourite = useCallback(async (id) => {

package/components/elements/Comment.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 { Celebration, Check, Clear, Delete, Edit, Favorite, FireTruck, FormatQuote, Mood, MoreHoriz, RocketLaunch, ThumbDown, ThumbUp } from '@mui/icons-material';
 import { CardActions, CardContent, Chip, CircularProgress, Collapse, Fade, IconButton, ListItemIcon, ListItemText, Menu, MenuItem, Stack, TextField, Tooltip, Typography } from '@mui/material';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
@@ -59,7 +59,7 @@ const Comment = ({ comment, handleDelete, handleEdit, handleQuote, handleReact,
     const checkForActions = useCallback(e => {
         e.stopPropagation();
         if (e.ctrlKey && e.key === 'Enter' && !loading) {
-            onEdit();
+            void onEdit();
         }
         else if (e.key === 'Escape') {
             setEditing(false);

package/components/elements/ContextMenu.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 { omit } from 'lodash-es';
 import { act } from 'react';
@@ -13,10 +13,10 @@ vi.mock('@mui/material', async () => {
     return {
         ...actual,
         useTheme: () => ({ shape: { borderRadius: 4 } }),
-        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, id, onMouseEnter, onMouseLeave, ...props }) => {
             const Component = component || 'div';
-            return (_jsx(Component, { role: "menuitem", onClick: onClick, "aria-disabled": disabled, href: to, id: id, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...omit(props, ['sx']), children: children }));
+            return (_jsx(Component, { tabIndex: 0, role: "menuitem", onClick: onClick, "aria-disabled": disabled, href: to, id: id, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...omit(props, ['sx']), children: children }));
         },
         Fade: ({ children, in: inProp }) => (inProp ? _jsx(_Fragment, { children: children }) : null),
         ListItemIcon: ({ children }) => _jsx("div", { children: children }),

package/components/elements/EditRow.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 { Check, Close, Delete, Edit } from '@mui/icons-material';
 import { Box, Checkbox, CircularProgress, IconButton, Slider, Stack, TableCell, TableRow, TextField, Typography } from '@mui/material';
 import useMySnackbar from '@cccsaurora/howler-ui/components/hooks/useMySnackbar';
@@ -55,7 +55,7 @@ const EditRow = ({ titleKey, descriptionKey, value, onEdit, validate, failOnVali
             setEditValue(_value);
         }
         else {
-            onEdit(_value.toString());
+            void onEdit(_value.toString());
         }
     }, [failOnValidate, max, min, onEdit, type, validate]);
     const onSubmit = useCallback(async () => {
@@ -79,7 +79,7 @@ const EditRow = ({ titleKey, descriptionKey, value, onEdit, validate, failOnVali
     }, [confirmPassword, editValue, onEdit, showErrorMessage, t, type, value]);
     const checkForActions = useCallback(e => {
         if (e.ctrlKey && e.key === 'Enter' && !loading) {
-            onSubmit();
+            void onSubmit();
         }
         if (e.key === 'Escape') {
             setEditing(false);
@@ -109,7 +109,7 @@ const EditRow = ({ titleKey, descriptionKey, value, onEdit, validate, failOnVali
                                                 endAdornment: loading && _jsx(CircularProgress, { size: 24 })
                                             } }))] }), _jsx(IconButton, { onClick: onSubmit, disabled: loading, children: _jsx(Check, { fontSize: "small" }) }), _jsx(IconButton, { onClick: () => setEditing(false), disabled: loading, children: _jsx(Close, { fontSize: "small" }) }), optional && (_jsx(IconButton, { onClick: () => {
                                         setEditing(false);
-                                        onEdit(null);
+                                        void onEdit(null);
                                     }, disabled: loading, children: _jsx(Delete, { fontSize: "small" }) }))] }) })) : (_jsx(TableCell, { sx: cellSx, width: "100%", children: type === 'checkbox' ? (_jsx(Checkbox, { onChange: ev => onChange(ev.target.checked), checked: value.toString() === 'true' })) : type === 'range' && !isNil(value) ? ((valueLabelFormat ?? (val => `${val}px`))(value)) : ((value ?? t('none'))) })), onEdit && !editing && type !== 'checkbox' && (_jsx(TableCell, { sx: cellSx, align: "right", children: _jsx(IconButton, { onClick: () => setEditing(true), children: _jsx(Edit, { fontSize: "small" }) }) }))] }), descriptionKey && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 3, sx: { paddingTop: '0 !important' }, children: _jsx(Typography, { variant: "caption", color: "text.secondary", children: t(descriptionKey) }) }) }))] }));
 };
 export default EditRow;

package/components/elements/ObjectDetails.js

@@ -44,7 +44,7 @@ const ListRenderer = memo(({ obj, objKey: key, entries, maxKeyLength }) => {
                         return (_jsxs(Grid, { item: true, maxWidth: "100%", className: `${key}_${index}`.replace(/\./g, '_'), component: "code", display: "flex", flexDirection: "row", children: [_jsx(PluginTypography, { context: "details", component: "code", style: { maxWidth: '100%', font: 'inherit' }, value: entry, field: key.replace(/\.[0-9]+/g, ''), obj: obj, children: entry }), allPrimitives && index < uniqueEntries.length - 1 && _jsx("span", { children: "," })] }, entry));
                     }), omittedDuplicates && (_jsx(Grid, { item: true, display: "flex", alignItems: "center", children: _jsx(Tooltip, { title: t('duplicates.omitted'), children: _jsx(InfoOutlined, { sx: { fontSize: '20px', ml: 1 }, color: "disabled" }) }) }))] })] }));
 });
-const ObjectRenderer = memo(({ obj: obj, data, parentKey, indent = false }) => {
+const ObjectRenderer = memo(({ obj, data, parentKey, indent = false }) => {
     const theme = useTheme();
     const entries = useMemo(() => {
         const unsorted = Object.entries(flatten(data, { safe: true })).map(([key, val]) => [key, val]);

package/components/elements/UserList.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 { Add } from '@mui/icons-material';
 import { Autocomplete, AvatarGroup, Box, IconButton, Popover, Stack, TextField, Typography } from '@mui/material';
 import { UserListContext } from '@cccsaurora/howler-ui/components/app/providers/UserListProvider';

package/components/elements/addons/buttons/index.d.ts

@@ -1,3 +1,3 @@
-export declare const MuiButtonColors: readonly ["inherit", "primary", "secondary", "success", "error", "info", "warning"];
+export declare const MuiButtonColors: readonly ['inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning'];
 export type MuiButtonColorType = (typeof MuiButtonColors)[number];
 export declare const isMuiButtonColor: (color: string) => boolean;

package/components/elements/addons/layout/FlexOne.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<({ children }: {
+declare const FlexOne: ({ children }: {
     children?: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof FlexOne>;
 export default _default;

package/components/elements/addons/layout/FlexPort.d.ts

@@ -8,5 +8,6 @@ type FlexPortProps = {
     id?: string;
     children: React.ReactNode;
 };
-declare const _default: import("react").MemoExoticComponent<({ children, disableOverflow, id, ...props }: FlexPortProps) => import("react/jsx-runtime").JSX.Element>;
+declare const FlexPort: ({ children, disableOverflow, id, ...props }: FlexPortProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof FlexPort>;
 export default _default;

package/components/elements/addons/layout/FlexVertical.d.ts

@@ -4,5 +4,6 @@ type FlexVerticalProps = PageProps & {
     flex?: number;
     children: ReactNode;
 };
-declare const _default: import("react").MemoExoticComponent<({ flex, children, ...props }: FlexVerticalProps) => import("react/jsx-runtime").JSX.Element>;
+declare const FlexVertical: ({ flex, children, ...props }: FlexVerticalProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof FlexVertical>;
 export default _default;

package/components/elements/addons/layout/vsbox/VSBoxElement.d.ts

@@ -4,5 +4,6 @@ type VSBoxElementProps = Omit<BoxProps, 'children'> & {
     focus: boolean;
     children: ReactElement;
 };
-declare const _default: import("react").MemoExoticComponent<({ focus, children }: VSBoxElementProps) => import("react/jsx-runtime").JSX.Element>;
+declare const VSBoxElement: ({ focus, children }: VSBoxElementProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof VSBoxElement>;
 export default _default;

package/components/elements/addons/lists/TuiList.d.ts

@@ -4,5 +4,6 @@ type TuiListProps<T> = {
     children: TuiListItemRenderer<T>;
     onSelection?: TuiListItemOnSelect<T>;
 };
-declare const _default: import("react").MemoExoticComponent<(<T>({ keyboard, children, onSelection }: TuiListProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+declare const TuiList: <T>({ keyboard, children, onSelection }: TuiListProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TuiList>;
 export default _default;

package/components/elements/addons/lists/TuiListBase.d.ts

@@ -6,5 +6,6 @@ type TuiListBaseProps<T> = {
     onSelect: TuiListItemOnSelect<T>;
     children: TuiListItemsRenderer<T>;
 };
-declare const _default: import("react").MemoExoticComponent<(<T>({ keyboard, onSelect, children }: TuiListBaseProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+declare const TuiListBase: <T>({ keyboard, onSelect, children }: TuiListBaseProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TuiListBase>;
 export default _default;

package/components/elements/addons/lists/TuiListElement.d.ts

@@ -5,5 +5,6 @@ type TuiListElementProps<T> = {
     onSelect?: TuiListItemOnSelect<T>;
     children: TuiListItemRenderer<T>;
 };
-declare const _default: import("react").MemoExoticComponent<(<T>({ position, item, onSelect: onClick, children }: TuiListElementProps<T>) => import("react/jsx-runtime").JSX.Element)>;
+declare const TuiListElement: <T>({ position, item, onSelect: onClick, children }: TuiListElementProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TuiListElement>;
 export default _default;

package/components/elements/addons/lists/TuiListMenu.d.ts

@@ -45,5 +45,6 @@ type TuiListMenuProps = {
     children: ReactElement | ReactElement[];
 };
 export type TuiListMenuPlacement = keyof typeof PLACEMENTS;
-declare const _default: import("react").MemoExoticComponent<({ style, className, permanent, placement, children }: TuiListMenuProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TuiListMenu: ({ style, className, permanent, placement, children }: TuiListMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TuiListMenu>;
 export default _default;

package/components/elements/addons/lists/TuiListMenu.js

@@ -13,7 +13,7 @@ const PLACEMENTS = {
 const TuiListMenuRoot = styled('div', { shouldForwardProp: prop => !MY_PROPS.includes(prop) })(({ theme, permanent, placement }) => {
     const position = PLACEMENTS[placement];
     return {
-        ...(position || {}),
+        ...position,
         zIndex: position ? 100 : null,
         display: permanent ? 'flex' : 'none',
         position: position ? 'absolute' : 'inherit',

package/components/elements/addons/lists/table/TuiTableHeader.d.ts

@@ -1,6 +1,7 @@
 import type { TuiTableColumn } from '.';
-declare const _default: import("react").MemoExoticComponent<({ width, column }: {
+declare const TuiTableHeader: ({ width, column }: {
     width: number;
     column: TuiTableColumn;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TuiTableHeader>;
 export default _default;

package/components/elements/addons/lists/table/index.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { TuiListItemProps } from '..';
-export declare const MATCHERS: readonly ["like", "in", "is", ">=", "<=", "="];
+export declare const MATCHERS: readonly ['like', 'in', 'is', '>=', '<=', '='];
 export type TuiSearchMatcher = (typeof MATCHERS)[number];
 export type TuiTableColumn = {
     column: string;

package/components/elements/case/CaseCard.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 { CheckCircleOutline, HourglassBottom, RadioButtonUnchecked, UpdateOutlined } from '@mui/icons-material';
 import { Chip, Divider, Grid, Skeleton, Stack, Tooltip, Typography, useTheme } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
@@ -27,7 +27,7 @@ const CaseCard = ({ case: providedCase, caseId, className, slotProps }) => {
     }, [providedCase]);
     useEffect(() => {
         if (caseId) {
-            dispatchApi(api.v2.case.get(caseId), { throwError: false }).then(setCase);
+            void dispatchApi(api.v2.case.get(caseId), { throwError: false }).then(setCase);
         }
     }, [caseId, dispatchApi]);
     if (!_case) {

package/components/elements/display/ActionButton.js

@@ -11,7 +11,7 @@ const ActionButton = ({ actionId, hitId, label, ...otherProps }) => {
     const { executeAction } = useMyActionFunctions();
     const [action, setAction] = useState(null);
     useEffect(() => {
-        dispatchApi(api.search.action.post({ query: `action_id:${actionId}`, rows: 1 })).then(result => setAction(result.items[0]));
+        void dispatchApi(api.search.action.post({ query: `action_id:${actionId}`, rows: 1 })).then(result => setAction(result.items[0]));
     }, [actionId, dispatchApi]);
     if (!actionId || !hitId) {
         return (_jsxs(Stack, { spacing: 1, children: [_jsx("strong", { style: { color: 'red' }, children: t('markdown.error') }), _jsx("code", { style: { fontSize: '0.8rem' }, children: t('markdown.actionbutton.error') })] }));

package/components/elements/display/ChipPopper.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 { Chip, ClickAwayListener, Collapse, Paper, Popper } from '@mui/material';
 import { memo, useState } from 'react';
 const ChipPopper = ({ icon, deleteIcon, label, children, minWidth, placement = 'bottom-start', onToggle, onDelete, toggleOnDelete = false, closeOnClick = false, disablePortal = true, slotProps = {} }) => {

package/components/elements/display/ClassificationChip.d.ts

@@ -8,7 +8,7 @@ interface EnrichedChipProps {
 }
 declare const _default: React.NamedExoticComponent<EnrichedChipProps & ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "icon" | "label" | "size" | "className" | "style" | "classes" | "children" | "color" | "sx" | "tabIndex" | "disabled" | "avatar" | "variant" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & {
+}, "avatar" | "children" | "className" | "classes" | "clickable" | "color" | "deleteIcon" | "disabled" | "icon" | "label" | "onDelete" | "size" | "skipFocusWhenDisabled" | "style" | "sx" | "tabIndex" | "variant"> & {
     component?: React.ElementType;
 }>;
 export default _default;

package/components/elements/display/HandlebarsMarkdown.js

@@ -50,7 +50,7 @@ const HandlebarsMarkdown = ({ md, object = {}, disableLinks = false }) => {
                     if (!mdComponents[id]) {
                         const result = helper.componentCallback(...args);
                         if (result instanceof Promise) {
-                            result.then(_result => setMdComponents(_components => ({ ..._components, [id]: _result })));
+                            void result.then(_result => setMdComponents(_components => ({ ..._components, [id]: _result })));
                         }
                         else {
                             setMdComponents(_components => ({ ..._components, [id]: result }));
@@ -82,13 +82,13 @@ const HandlebarsMarkdown = ({ md, object = {}, disableLinks = false }) => {
         THROTTLER.debounce(async () => {
             const compiled = handlebars.compile(md || '');
             try {
-                setRendered(await compiled(object));
+                setRendered(compiled(object));
             }
             catch (err) {
                 if (err.message?.startsWith('Missing helper')) {
                     const missingHelper = err.message.replace(/.+"(.+)"/, '$1');
                     handlebars.registerHelper(missingHelper, () => new Handlebars.SafeString(`<span style="color: red; font-weight: bold; font-family: monospace;">Missing helper ${missingHelper}</span>`));
-                    setRendered(await compiled(object));
+                    setRendered(compiled(object));
                     return;
                 }
                 if (err instanceof HowlerHandlebarsRenderError) {

package/components/elements/display/HowlerAvatar.js

@@ -38,10 +38,10 @@ const HowlerAvatar = ({ userId, ...avatarProps }) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [userId]);
     if (userId) {
-        return (_jsx(Tooltip, { title: displayId, children: _jsx(Avatar, { "aria-label": displayId, ...avatarProps, ...props, sx: { ...(avatarProps?.sx || {}), ...(props?.sx || {}) } }) }));
+        return (_jsx(Tooltip, { title: displayId, children: _jsx(Avatar, { "aria-label": displayId, ...avatarProps, ...props, sx: { ...avatarProps?.sx, ...props?.sx } }) }));
     }
     else {
-        return (_jsx(Avatar, { "aria-label": t('unknown'), ...avatarProps, ...props, sx: { ...(avatarProps?.sx || {}), ...(props?.sx || {}) } }));
+        return (_jsx(Avatar, { "aria-label": t('unknown'), ...avatarProps, ...props, sx: { ...avatarProps?.sx, ...props?.sx } }));
     }
 };
 export default memo(HowlerAvatar);

package/components/elements/display/Image.js

@@ -1,10 +1,10 @@
-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 { Close } from '@mui/icons-material';
 import { Box, IconButton, lighten, Modal } from '@mui/material';
 import { useState } from 'react';
 const Image = props => {
     const [showModal, setShowModal] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx("img", { ...props, style: { ...(props.style ?? {}), cursor: 'pointer' }, onClick: () => setShowModal(true) }), _jsx(Modal, { open: showModal, onClose: () => setShowModal(false), children: _jsxs(Box, { sx: {
+    return (_jsxs(_Fragment, { children: [_jsx("img", { ...props, style: { ...props.style, cursor: 'pointer' }, onClick: () => setShowModal(true) }), _jsx(Modal, { open: showModal, onClose: () => setShowModal(false), children: _jsxs(Box, { sx: {
                         width: '100%',
                         height: '100%',
                         display: 'flex',
@@ -18,6 +18,6 @@ const Image = props => {
                                 '&:hover': {
                                     backgroundColor: lighten(theme.palette.background.paper, 0.1)
                                 }
-                            }), children: _jsx(Close, {}) }), _jsx("img", { ...props, style: { ...(props.style ?? {}), maxWidth: '70vw', maxHeight: '70vh' } })] }) })] }));
+                            }), children: _jsx(Close, {}) }), _jsx("img", { ...props, style: { ...props.style, maxWidth: '70vw', maxHeight: '70vh' } })] }) })] }));
 };
 export default Image;

package/components/elements/display/Markdown.js

@@ -53,7 +53,7 @@ const Markdown = ({ md, components = {}, disableLinks = false }) => {
         });
     }, [isDark, theme]);
     useEffect(() => {
-        mermaid.run();
+        void mermaid.run();
     });
     return (_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm, codeTabs], rehypePlugins: [rehypeRaw], urlTransform: (value) => value, components: {
             code({ node, className, children, ...props }) {
@@ -76,7 +76,7 @@ const Markdown = ({ md, components = {}, disableLinks = false }) => {
                     try {
                         return _jsx(JSONViewer, { data: JSON.parse(node.children[0].value) });
                     }
-                    catch (e) {
+                    catch {
                         return _jsx("code", { style: { color: 'red' }, children: t('markdown.json.invalid') });
                     }
                 }

package/components/elements/display/handlebars/helpers.js

@@ -152,7 +152,7 @@ export const useHelpers = (opts = { async: true, components: true }) => {
                     const json = await FETCH_RESULTS[url];
                     return flatten(json)[key];
                 }
-                catch (e) {
+                catch {
                     return '';
                 }
             },
@@ -234,7 +234,7 @@ export const useHelpers = (opts = { async: true, components: true }) => {
                 try {
                     return JSON.parse(str);
                 }
-                catch (e) {
+                catch {
                     throw new HowlerHelperError('Invalid JSON string');
                 }
             },
@@ -252,7 +252,7 @@ export const useHelpers = (opts = { async: true, components: true }) => {
                 try {
                     return get(data, key);
                 }
-                catch (e) {
+                catch {
                     return '';
                 }
             },

package/components/elements/display/json/JSONViewer.js

@@ -32,10 +32,10 @@ const JSONViewer = ({ data, collapse = true, hideSearch = false, filter }) => {
     }, []);
     const renderer = useMemo(() => result && (_jsx(ReactJson, { src: result, theme: isDark ? 'summerfruit' : 'summerfruit:inverted', indentWidth: 2, displayDataTypes: !compact, displayObjectSize: !compact, shouldCollapse: collapse ? shouldCollapse : false, quotesOnKeys: false, style: { flex: 1, overflow: 'auto', height: '100%', fontSize: compact ? 'small' : 'smaller' }, enableClipboard: _data => {
             if (typeof _data.src === 'string') {
-                navigator.clipboard.writeText(_data.src);
+                void navigator.clipboard.writeText(_data.src);
             }
             else {
-                navigator.clipboard.writeText(JSON.stringify(_data.src));
+                void navigator.clipboard.writeText(JSON.stringify(_data.src));
             }
         }, ...{
             // Type declaration is wrong - this is a valid prop

package/components/elements/display/modals/RationaleModal.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 { Autocomplete, Button, CircularProgress, ListItemText, Stack, TextField, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
 import { useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppUser';
@@ -70,7 +70,7 @@ const RationaleModal = ({ hits, onSubmit }) => {
         return rationales.map(_rationale => ({ rationale: _rationale, type: 'preset' }));
     }, [hits, getMatchingAnalytic]);
     useEffect(() => {
-        (async () => {
+        void (async () => {
             setLoading(true);
             try {
                 const options = await Promise.all([

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

@@ -404,7 +404,7 @@ describe('RationaleModal', () => {
             render(_jsx(RationaleModal, { hits: defaultHits, onSubmit: mockOnSubmit }), { wrapper: Wrapper });
             const specialText = 'Test <>&"\'{}[]()';
             const input = screen.getByLabelText(i18n.t('modal.rationale.label'));
-            await user.type(input, specialText.replace(/([{\[])/g, '$1$1'));
+            await user.type(input, specialText.replace(/([{[])/g, '$1$1'));
             const submitButton = screen.getByText(i18n.t('submit'));
             await user.click(submitButton);
             expect(mockOnSubmit).toHaveBeenCalledWith(specialText);

package/components/elements/event/EventCard.js

@@ -10,7 +10,7 @@ const EventCard = ({ id, event: _event }) => {
     const event = useContextSelector(RecordContext, ctx => _event ?? ctx.records[id]);
     useEffect(() => {
         if (!event) {
-            getRecord(id);
+            void getRecord(id);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id]);

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

@@ -1,6 +1,6 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
 declare const _default: import("react").NamedExoticComponent<{
     hit: Hit;
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
 }>;
 export default _default;

package/components/elements/hit/HitActions.js

@@ -111,7 +111,7 @@ const HitActions = ({ hit, orientation = 'horizontal' }) => {
         }
     }, [keyboardDownHandler]);
     useEffect(() => {
-        getMatchingAnalytic(hit).then(setAnalytic);
+        void getMatchingAnalytic(hit).then(setAnalytic);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hit?.howler.analytic]);
     const handleOpenSetting = useCallback((e) => setOpenSetting(e.currentTarget), []);

package/components/elements/hit/HitBanner.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 { OpenInNew } from '@mui/icons-material';
 import { Box, Chip, Divider, Grid, Stack, Tooltip, Typography, avatarClasses, chipClasses, iconButtonClasses, useTheme } from '@mui/material';
 import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';

package/components/elements/hit/HitCard.js

@@ -12,7 +12,7 @@ const HitCard = ({ id, layout, readOnly = true, lazy = false, elevation, hit: _h
     const hit = useContextSelector(RecordContext, ctx => _hit ?? ctx.records[id]);
     useEffect(() => {
         if (!hit && !lazy) {
-            getRecord(id);
+            void getRecord(id);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id]);

package/components/elements/hit/HitLabels.js

@@ -32,7 +32,7 @@ const NewLabelForm = ({ handleSubmit }) => {
                             '.MuiListItemIcon-root': { minWidth: 36, marginLeft: '2px' }
                         }, label: t('hit.label.edit.add.category'), id: "label-category", labelId: "type-label", value: category, onChange: e => setCategory(e.target.value), children: Object.keys(LABEL_TYPES).map(key => (_jsxs(MenuItem, { value: key, children: [_jsx(ListItemIcon, { children: LABEL_TYPES[key].icon ?? _jsx(Check, { sx: { opacity: 0 } }) }), _jsx(ListItemText, { sx: { textTransform: 'capitalize' }, children: key })] }, key))) })] }), _jsx(Stack, { direction: "row", spacing: 1, alignItems: "center", children: _jsxs(FormControl, { fullWidth: true, error: !!error, children: [_jsx(TextField, { label: t('hit.label.edit.add.label'), value: label, onChange: e => setLabel(e.currentTarget.value), onKeyDown: e => {
                                 if (e.key === 'Enter') {
-                                    handleAdd();
+                                    void handleAdd();
                                 }
                                 else if (error) {
                                     setError('');