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

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 }),

package/components/routes/home/EntryWrapper.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 { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { Delete } from '@mui/icons-material';

package/components/routes/home/HomeSettings.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 { Edit, Settings } from '@mui/icons-material';
 import { FormControl, FormLabel, IconButton, ListItemIcon, Menu, MenuItem, Slider, Tooltip } from '@mui/material';
 import { useState } from 'react';

package/components/routes/home/ViewCard.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 { Card, CardContent, IconButton, Skeleton, Stack, Typography } from '@mui/material';
 import api from '@cccsaurora/howler-ui/api';
@@ -104,24 +104,24 @@ const ViewCard = ({ viewId, limit, refreshTick, onRefreshComplete }) => {
             clearTimeout(debounceTimerRef.current);
         }
         debounceTimerRef.current = setTimeout(() => {
-            refreshView();
+            void refreshView();
         }, DEBOUNCE_TIME);
     }, [refreshView]);
     useEffect(() => {
         if (refreshTick) {
-            refreshView();
+            void refreshView();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [refreshTick]);
     useEffect(() => {
-        fetchViews([viewId]);
+        void fetchViews([viewId]);
     }, [fetchViews, viewId]);
     useEffect(() => {
         if (!view?.query) {
             return;
         }
         const loadingTimeout = setTimeout(() => setLoading(true), 200);
-        refreshView().finally(() => {
+        void refreshView().finally(() => {
             clearTimeout(loadingTimeout);
             setLoading(false);
         });

package/components/routes/home/index.js

@@ -70,7 +70,7 @@ const Home = () => {
             clearTimeout(debounceTimerRef.current);
         }
         debounceTimerRef.current = setTimeout(() => {
-            setRefreshRateBackend(newRate);
+            void setRefreshRateBackend(newRate);
         }, 500);
     }, [setRefreshRateBackend, setUser]);
     const handleRefresh = useCallback(() => {
@@ -103,7 +103,7 @@ const Home = () => {
         }
     }, [dashboard, getIdFromEntry, setLocalDashboard]);
     useEffect(() => {
-        api.search.hit
+        void api.search.hit
             .post({
             query: updateQuery,
             rows: 0

package/components/routes/overviews/OverviewCard.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 { Delete } from '@mui/icons-material';
 import { Card, IconButton, Stack, Tooltip, Typography } from '@mui/material';
 import FlexOne from '@cccsaurora/howler-ui/components/elements/addons/layout/FlexOne';

package/components/routes/overviews/OverviewViewer.js

@@ -44,7 +44,7 @@ const OverviewViewer = () => {
     const wrapper = useRef();
     const startingTemplate = useStartingTemplate();
     useEffect(() => {
-        (async () => {
+        void (async () => {
             setLoading(true);
             try {
                 setOverviewList(await getOverviews(true));
@@ -75,7 +75,7 @@ const OverviewViewer = () => {
         }
     }, [analytic, analytics, detection]);
     useEffect(() => {
-        (async () => {
+        void (async () => {
             const result = await dispatchApi(api.search.hit.post({
                 query: `howler.analytic:"${sanitizeLuceneQuery(analytic)}"` +
                     (!!detection && detection !== 'ANY' ? ` AND howler.detection:"${sanitizeLuceneQuery(detection)}"` : ''),
@@ -184,7 +184,7 @@ const OverviewViewer = () => {
     return (_jsxs(PageCenter, { maxWidth: "100%", width: "100%", textAlign: "left", height: "100%", children: [_jsx(LinearProgress, { sx: { mb: 1, opacity: +loading } }), _jsxs(Stack, { direction: "column", spacing: 2, divider: _jsx(Divider, { orientation: "horizontal", flexItem: true }), height: "100%", children: [_jsxs(Stack, { direction: "row", spacing: 2, mb: 2, alignItems: "stretch", children: [_jsx(FormControl, { sx: { maxWidth: { sm: '300px', lg: '450px' }, width: '100%' }, children: _jsx(Autocomplete, { id: "analytic", options: analytics.sort((a, b) => a.name.toLowerCase().localeCompare(b.name.toLowerCase())), getOptionLabel: option => option.name, value: analytics.find(a => a.name === analytic) || null, onChange: (_event, newValue) => setAnalytic(newValue ? newValue.name : ''), renderInput: autocompleteAnalyticParams => (_jsx(TextField, { ...autocompleteAnalyticParams, label: t('route.overviews.analytic'), size: "small" })) }) }), _jsx(FormControl, { sx: { minWidth: { sm: '200px' } }, disabled: !analytic, children: _jsx(Autocomplete, { id: "detection", options: ['ANY', ...detections.sort()], getOptionLabel: option => option, value: detection ?? '', onChange: (_event, newValue) => setDetection(newValue), renderInput: autocompleteDetectionParams => (_jsx(TextField, { ...autocompleteDetectionParams, label: t('route.overviews.detection'), size: "small" })) }) }), selectedOverview && (_jsx(Button, { variant: "outlined", startIcon: _jsx(Delete, {}), onClick: onDelete, children: t('button.delete') })), _jsx(Button, { variant: "outlined", disabled: analyticOrDetectionMissing || noChange, startIcon: overviewLoading ? _jsx(CircularProgress, { size: 16 }) : _jsx(Check, {}), onClick: onSave, children: t(!analyticOrDetectionMissing && !noChange ? 'button.save' : 'button.saved') }), _jsx("div", { style: { flex: 1 } }), _jsxs(ToggleButtonGroup, { exclusive: true, value: chosenTheme, onChange: (_event, value) => setChosenTheme(value), sx: { maxHeight: '40px' }, children: [_jsx(Tooltip, { title: t('route.overviews.theme.light'), children: _jsx(ToggleButton, { value: "light", children: _jsx(WbSunny, {}) }) }), _jsx(Tooltip, { title: t('route.overviews.theme.dark'), children: _jsx(ToggleButton, { value: "dark", children: _jsx(DarkMode, {}) }) })] })] }), analyticOrDetectionMissing ? (_jsx(AppInfoPanel, { i18nKey: "route.overviews.select", sx: { width: '100%', alignSelf: 'start' } })) : (_jsxs(Stack, { ref: wrapper, direction: "row", spacing: 1, height: "100%", onKeyDown: e => {
                             if (e.ctrlKey && e.key === 's') {
                                 if (!noChange) {
-                                    onSave();
+                                    void onSave();
                                 }
                                 e.preventDefault();
                             }

package/components/routes/overviews/Overviews.js

@@ -49,7 +49,7 @@ const OverviewsBase = () => {
                 offset
             });
         }
-        catch (e) {
+        catch {
             setHasError(true);
         }
         finally {
@@ -93,7 +93,7 @@ const OverviewsBase = () => {
         });
     }, [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 OverviewsBase = () => {
     }, [offset, response?.total, searchParams, setSearchParams]);
     useEffect(() => {
         if (!loading) {
-            onSearch();
+            void onSearch();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [offset]);

package/components/routes/overviews/markdownExtendedTokenProvider.js

@@ -33,8 +33,8 @@ export const language = {
     defaultToken: '',
     tokenPostfix: '.md',
     // escape codes
-    control: /[\\`*_\[\]{}()#+\-\.!]/,
-    noncontrol: /[^\\`*_\[\]{}()#+\-\.!]/,
+    control: /[\\`*_[\]{}()#+\-.!]/,
+    noncontrol: /[^\\`*_[\]{}()#+\-.!]/,
     escapes: /\\(?:@control)/,
     // escape codes for javascript/CSS strings
     jsescapes: /\\(?:[btnfr\\"']|[0-7][0-7]?|[0-3][0-7]{2})/,
@@ -70,19 +70,19 @@ export const language = {
             // headers (with #)
             [/^(\s{0,3})(#+)((?:[^\\#]|@escapes)+)((?:#+)?)/, ['white', 'keyword', 'keyword', 'keyword']],
             // headers (with =)
-            [/^\s*(=+|\-+)\s*$/, 'keyword'],
+            [/^\s*(=+|-+)\s*$/, 'keyword'],
             // headers (with ***)
             [/^\s*((\*[ ]?)+)\s*$/, 'meta.separator'],
             // quote
             [/^\s*>+/, 'comment'],
             // list (starting with * or number)
-            [/^\s*([\*\-+:]|\d+\.)\s/, 'keyword'],
+            [/^\s*([*\-+:]|\d+\.)\s/, 'keyword'],
             // code block (4 spaces indent)
             [/^(\t|[ ]{4})[^ ].*$/, 'string'],
             // code block (3 tilde)
-            [/^\s*~~~\s*((?:\w|[\/\-#])+)?\s*$/, { token: 'string', next: '@codeblock' }],
+            [/^\s*~~~\s*((?:\w|[/\-#])+)?\s*$/, { token: 'string', next: '@codeblock' }],
             // github style code blocks (with backticks and language)
-            [/^\s*```\s*((?:\w|[\/\-#])+).*$/, { token: 'string', next: '@codeblockgh', nextEmbedded: '$1' }],
+            [/^\s*```\s*((?:\w|[/\-#])+).*$/, { token: 'string', next: '@codeblockgh', nextEmbedded: '$1' }],
             // github style code blocks (with backticks but no language)
             [/^\s*```\s*$/, { token: 'string', next: '@codeblock' }],
             // CCCS MODIFICATION
@@ -94,7 +94,7 @@ export const language = {
         handlebars: [
             [/"[^"]+"/, 'string'],
             [/[()]/, 'handlebars'],
-            [/[\w\d\.]+/, 'variable'],
+            [/[\w\d.]+/, 'variable'],
             [
                 /[#/\w]+/,
                 {
@@ -109,13 +109,13 @@ export const language = {
         // CCCS MODIFICATION END
         table_header: [
             { include: '@table_common' },
-            [/[^\|]+/, 'keyword.table.header'] // table header
+            [/[^|]+/, 'keyword.table.header'] // table header
         ],
         table_body: [{ include: '@table_common' }, { include: '@linecontent' }],
         table_common: [
-            [/\s*[\-:]+\s*/, { token: 'keyword', switchTo: 'table_body' }], // header-divider
+            [/\s*[-:]+\s*/, { token: 'keyword', switchTo: 'table_body' }], // header-divider
             [/^\s*\|/, 'keyword.table.left'], // opening |
-            [/^\s*[^\|]/, '@rematch', '@pop'], // exiting
+            [/^\s*[^|]/, '@rematch', '@pop'], // exiting
             [/^\s*$/, '@rematch', '@pop'], // exiting
             [
                 /\|/,
@@ -149,7 +149,7 @@ export const language = {
             [/`/, { token: 'variable', next: '@codecontent' }],
             // links
             [/\{+[^}]+\}+/, 'string.target'],
-            [/(!?\[)((?:[^\]\\]|@escapes)*)(\]\([^\)]+\))/, ['string.link', '', 'string.link']],
+            [/(!?\[)((?:[^\]\\]|@escapes)*)(\]\([^)]+\))/, ['string.link', '', 'string.link']],
             [/(!?\[)((?:[^\]\\]|@escapes)*)(\])/, 'string.link'],
             // or html
             { include: 'html' }
@@ -169,7 +169,7 @@ export const language = {
             // html tags
             [/<(\w+)\/>/, 'tag'],
             [
-                /<(\w+)(\-|\w)*/,
+                /<(\w+)(-|\w)*/,
                 {
                     cases: {
                         '@empty': { token: 'tag', next: '@tag.$1' },
@@ -177,14 +177,14 @@ export const language = {
                     }
                 }
             ],
-            [/<\/(\w+)(\-|\w)*\s*>/, { token: 'tag' }],
+            [/<\/(\w+)(-|\w)*\s*>/, { token: 'tag' }],
             [/<!--/, 'comment', '@comment']
         ],
         comment: [
-            [/[^<\-]+/, 'comment.content'],
+            [/[^<-]+/, 'comment.content'],
             [/-->/, 'comment', '@pop'],
             [/<!--/, 'comment.content.invalid'],
-            [/[<\-]/, 'comment.content']
+            [/[<-]/, 'comment.content']
         ],
         // Almost full HTML tag matching, complete with embedded scripts & styles
         tag: [

package/components/routes/settings/ProfileSection.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, Check, ChevronRight, Clear } from '@mui/icons-material';
 import { Chip, CircularProgress, Grid, TableCell, TableRow, Typography } from '@mui/material';
 import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
@@ -17,7 +17,7 @@ const ProfileSection = ({ user, editName, addRole, removeRole, viewGroups }) =>
     const [loadingGroups, setLoadingGroups] = useState(false);
     const wrapChange = useCallback(async (r, fn) => {
         const delayedLoad = delay(250);
-        delayedLoad.then(() => {
+        void delayedLoad.then(() => {
             setLoading({
                 ...loading,
                 [r]: true

package/components/routes/templates/TemplateEditor.d.ts

@@ -1,9 +1,10 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-declare const _default: import("react").MemoExoticComponent<({ hit, fields, setFields, onRemove, onAdd }: {
+declare const TemplateEditor: ({ hit, fields, setFields, onRemove, onAdd }: {
     hit: Hit;
     fields: string[];
     setFields: (displayFields: string[]) => void;
     onRemove: (field: string) => void;
     onAdd: (field: string) => void;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof TemplateEditor>;
 export default _default;

package/components/routes/templates/TemplateEditor.js

@@ -30,7 +30,7 @@ const TemplateEditor = ({ hit, fields, setFields, onRemove, onAdd }) => {
         }
     }, [tryAddField]);
     useEffect(() => {
-        getHitFields().then(suggestionFields => setSuggestions(suggestionFields.map(f => f.key)));
+        void getHitFields().then(suggestionFields => setSuggestions(suggestionFields.map(f => f.key)));
     }, [getHitFields]);
     const handleDragEnd = useCallback((event) => {
         const { active, over } = event;

package/components/routes/templates/TemplateViewer.js

@@ -34,7 +34,7 @@ const TemplateViewer = () => {
     const [templateLoading, setTemplateLoading] = useState(false);
     useEffect(() => {
         setLoading(true);
-        dispatchApi(api.search.analytic.post({ query: 'analytic_id:*', rows: 1000 }), {
+        void dispatchApi(api.search.analytic.post({ query: 'analytic_id:*', rows: 1000 }), {
             logError: false,
             showError: true,
             throwError: true
@@ -47,7 +47,7 @@ const TemplateViewer = () => {
             }
             setAnalytics(_analytics);
         });
-        dispatchApi(api.template.get()).then(setTemplateList);
+        void dispatchApi(api.template.get()).then(setTemplateList);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [analytic, dispatchApi]);
     useEffect(() => {
@@ -55,7 +55,7 @@ const TemplateViewer = () => {
             return;
         }
         setLoading(true);
-        dispatchApi(api.search.grouped.hit.post('howler.detection', {
+        void dispatchApi(api.search.grouped.hit.post('howler.detection', {
             limit: 0,
             query: `howler.analytic:"${sanitizeLuceneQuery(analytic)}"`
         }), {

package/components/routes/templates/Templates.js

@@ -53,7 +53,7 @@ const TemplatesBase = () => {
                 offset
             });
         }
-        catch (e) {
+        catch {
             setHasError(true);
         }
         finally {
@@ -87,7 +87,7 @@ const TemplatesBase = () => {
         }
     }, [offset, searchParams, setSearchParams, getSearchRequestData]);
     useEffect(() => {
-        onSearch();
+        void onSearch();
         if (!searchParams.has('offset')) {
             searchParams.set('offset', '0');
             setSearchParams(searchParams, { replace: true });
@@ -103,7 +103,7 @@ const TemplatesBase = () => {
     }, [offset, response?.total, searchParams, setSearchParams]);
     useEffect(() => {
         if (!searching) {
-            onSearch();
+            void onSearch();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [offset]);

package/components/routes/views/ViewComposer.js

@@ -167,14 +167,14 @@ const ViewComposer = () => {
     useEffect(() => {
         // Only run initial search if we're NOT editing an existing view
         if (!routeParams.id) {
-            search(query || DEFAULT_QUERY);
+            void search(query || DEFAULT_QUERY);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [routeParams.id]);
     // We only run this when ancillary properties (i.e. filters, sorting) change
     useEffect(() => {
         if (query && !isLoadingView) {
-            search(query);
+            void search(query);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [sort, span, indexes, isLoadingView]);
@@ -182,7 +182,7 @@ const ViewComposer = () => {
         if (!routeParams.id) {
             return;
         }
-        (async () => {
+        void (async () => {
             const viewToEdit = (await getCurrentViews({ views: [routeParams.id] }))[0];
             if (!viewToEdit) {
                 setError('route.views.missing');

package/components/routes/views/Views.js

@@ -70,7 +70,7 @@ const ViewsBase = () => {
                 offset
             });
         }
-        catch (e) {
+        catch {
             setHasError(true);
         }
         finally {
@@ -175,7 +175,7 @@ const ViewsBase = () => {
     }, [offset, response?.total, searchParams, setSearchParams]);
     useEffect(() => {
         if (!searching) {
-            onSearch();
+            void onSearch();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [offset, favouritesOnly, type]);

package/i18n.js

@@ -26,7 +26,7 @@ const resources = {
     }
 };
 const i18nInstance = createInstance();
-i18nInstance
+void i18nInstance
     .use(LanguageDetector)
     .use(initReactI18next)
     .init({

package/index.d.ts

@@ -1,3 +1,3 @@
-import '@fontsource/roboto';
+import '@fontsource/roboto/index.css';
 import '@cccsaurora/howler-ui/i18n';
 import 'index.css';

package/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import '@fontsource/roboto';
+import '@fontsource/roboto/index.css';
 import App from '@cccsaurora/howler-ui/components/app/App';
 import '@cccsaurora/howler-ui/i18n';
 import 'index.css';

package/locales/en/translation.json

@@ -250,6 +250,7 @@
     "hit.search.keyboard.shortcuts": "Shortcuts",
     "hit.search.keyboard.shortcuts_hints": "Shortcuts with hints",
     "hit.search.prompt": "Search by providing a lucene query. Activate autocomplete using [ctrl + space].",
+    "hit.search.record.invalid": "Invalid Record Type",
     "hit.search.save.button": "Save query as view",
     "hit.search.save.view": "Save View",
     "hit.search.select.all": "Select all hits on page",

package/locales/fr/translation.json

@@ -250,6 +250,7 @@
     "hit.search.keyboard.shortcuts": "Raccourcis",
     "hit.search.keyboard.shortcuts_hints": "Raccourcis avec indice",
     "hit.search.prompt": "Rechercher en fournissant une requête lucene. Activer l'autocomplétion en utilisant [ctrl + espace].",
+    "hit.search.record.invalid": "Type d'enregistrement invalide",
     "hit.search.save.button": "Sauvegarder la requête en tant que vue",
     "hit.search.save.view": "Sauvegarder la vue",
     "hit.search.select.all": "Sélectionner tous les résultats de la page",