@cccsaurora/howler-ui 3.1.0-dev.1708 → 3.1.0-dev.1712

package/components/routes/home/ViewRefresh.test.js

@@ -7,6 +7,10 @@ import { I18nextProvider } from 'react-i18next';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import ViewRefresh, {} from './ViewRefresh';
 const Wrapper = ({ children }) => (_jsx(I18nextProvider, { i18n: i18n, children: children }));
+const createRefs = (refreshRate = 30, viewCardIds = ['one', 'two']) => ({
+    refreshRateRef: { current: refreshRate },
+    viewCardIdsRef: { current: viewCardIds }
+});
 describe('ViewRefresh', () => {
     beforeEach(() => {
         vi.useFakeTimers();
@@ -15,21 +19,36 @@ describe('ViewRefresh', () => {
         vi.useRealTimers();
     });
     it('should render the refresh button', () => {
-        const onRefresh = vi.fn();
-        render(_jsx(ViewRefresh, { refreshRate: 30, viewCardCount: 2, onRefresh: onRefresh }), { wrapper: Wrapper });
+        render(_jsx(ViewRefresh, { ...createRefs(), onRefresh: vi.fn() }), { wrapper: Wrapper });
         expect(screen.getByRole('button')).toBeInTheDocument();
     });
     it('should show a progress indicator initially', () => {
-        const onRefresh = vi.fn();
-        render(_jsx(ViewRefresh, { refreshRate: 30, viewCardCount: 2, onRefresh: onRefresh }), { wrapper: Wrapper });
+        render(_jsx(ViewRefresh, { ...createRefs(), onRefresh: vi.fn() }), { wrapper: Wrapper });
         expect(screen.getByRole('progressbar')).toBeInTheDocument();
     });
+    it('reschedules the countdown using an updated refresh rate', () => {
+        const ref = React.createRef();
+        const refs = createRefs(30);
+        render(_jsx(ViewRefresh, { ref: ref, ...refs, onRefresh: vi.fn() }), { wrapper: Wrapper });
+        const progress = screen.getByRole('progressbar');
+        expect(progress).toHaveAttribute('aria-valuenow', '0');
+        act(() => {
+            refs.refreshRateRef.current = 60;
+            ref.current?.updateRefreshRate();
+        });
+        act(() => {
+            vi.advanceTimersByTime(300);
+        });
+        expect(progress).toHaveAttribute('aria-valuenow', '0');
+        act(() => {
+            vi.advanceTimersByTime(300);
+        });
+        expect(progress).toHaveAttribute('aria-valuenow', '1');
+    });
     it('should trigger refresh when progress reaches 100%', async () => {
         const onRefresh = vi.fn();
-        render(_jsx(ViewRefresh, { refreshRate: 30, viewCardCount: 2, onRefresh: onRefresh }), { wrapper: Wrapper });
+        render(_jsx(ViewRefresh, { ...createRefs(), onRefresh: onRefresh }), { wrapper: Wrapper });
         // Progress increments by 1 every refreshRate*10ms = 300ms.
-        // Each increment triggers a re-render and a new setTimeout.
-        // We advance one tick at a time inside act to let React process each state update.
         for (let i = 0; i < 101; i++) {
             await act(async () => {
                 vi.advanceTimersByTime(300);
@@ -40,40 +59,68 @@ describe('ViewRefresh', () => {
     it('should clear refreshing state when all cards report back via ref', async () => {
         const onRefresh = vi.fn();
         const ref = React.createRef();
-        render(_jsx(ViewRefresh, { ref: ref, refreshRate: 30, viewCardCount: 2, onRefresh: onRefresh }), { wrapper: Wrapper });
-        // Advance to 100% to trigger refresh
+        render(_jsx(ViewRefresh, { ref: ref, ...createRefs(), onRefresh: onRefresh }), { wrapper: Wrapper });
         for (let i = 0; i < 101; i++) {
             await act(async () => {
                 vi.advanceTimersByTime(300);
             });
         }
         expect(onRefresh).toHaveBeenCalled();
-        // Simulate both cards completing
         act(() => {
-            ref.current?.handleRefreshComplete();
-            ref.current?.handleRefreshComplete();
+            ref.current?.handleRefreshComplete('one', onRefresh.mock.calls[0][0]);
+            ref.current?.handleRefreshComplete('two', onRefresh.mock.calls[0][0]);
         });
-        // After all cards complete, the progress should reset (button re-enabled)
         expect(screen.getByRole('button')).not.toBeDisabled();
     });
     it('should trigger refresh via manual click', () => {
         const onRefresh = vi.fn();
-        render(_jsx(ViewRefresh, { refreshRate: 30, viewCardCount: 2, onRefresh: onRefresh }), { wrapper: Wrapper });
-        // Click the refresh button directly using fireEvent (avoids userEvent timer issues)
-        const button = screen.getByRole('button');
+        render(_jsx(ViewRefresh, { ...createRefs(), onRefresh: onRefresh }), { wrapper: Wrapper });
         act(() => {
-            button.click();
+            screen.getByRole('button').click();
         });
         expect(onRefresh).toHaveBeenCalled();
     });
-    it('should not call onRefresh when viewCardCount is 0 and button is clicked', () => {
+    it('should not call onRefresh when there are no refreshable panels and the button is clicked', () => {
         const onRefresh = vi.fn();
-        render(_jsx(ViewRefresh, { refreshRate: 30, viewCardCount: 0, onRefresh: onRefresh }), { wrapper: Wrapper });
-        const button = screen.getByRole('button');
+        render(_jsx(ViewRefresh, { ...createRefs(30, []), onRefresh: onRefresh }), { wrapper: Wrapper });
         act(() => {
-            button.click();
+            screen.getByRole('button').click();
         });
-        // onRefresh should not be called because viewCardCount is 0
         expect(onRefresh).not.toHaveBeenCalled();
     });
+    it('keeps active refresh tracking in sync with dashboard panel edits', () => {
+        const onRefresh = vi.fn();
+        const ref = React.createRef();
+        const refs = createRefs();
+        render(_jsx(ViewRefresh, { ref: ref, ...refs, onRefresh: onRefresh }), { wrapper: Wrapper });
+        act(() => {
+            screen.getByRole('button').click();
+        });
+        const refreshTick = onRefresh.mock.calls[0][0];
+        act(() => {
+            refs.viewCardIdsRef.current = ['one', 'two', 'three'];
+            ref.current?.updateViewCardIds(refs.viewCardIdsRef.current);
+            ref.current?.handleRefreshComplete('one', refreshTick);
+            ref.current?.handleRefreshComplete('two', refreshTick);
+        });
+        expect(screen.getByRole('button')).toBeDisabled();
+        act(() => {
+            ref.current?.handleRefreshComplete('three', refreshTick);
+        });
+        expect(screen.getByRole('button')).not.toBeDisabled();
+    });
+    it('ends an active refresh when dashboard edits remove all pending panels', () => {
+        const onRefresh = vi.fn();
+        const ref = React.createRef();
+        const refs = createRefs();
+        render(_jsx(ViewRefresh, { ref: ref, ...refs, onRefresh: onRefresh }), { wrapper: Wrapper });
+        act(() => {
+            screen.getByRole('button').click();
+        });
+        act(() => {
+            refs.viewCardIdsRef.current = [];
+            ref.current?.updateViewCardIds(refs.viewCardIdsRef.current);
+        });
+        expect(screen.getByRole('button')).not.toBeDisabled();
+    });
 });

package/components/routes/home/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
 import { SortableContext, arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
 import { Cancel, Check, Close, OpenInNew } from '@mui/icons-material';
-import { Alert, AlertTitle, CircularProgress, Grid, IconButton, Stack, Typography } from '@mui/material';
+import { Alert, AlertTitle, Box, CircularProgress, Grid, IconButton, Stack, Typography } from '@mui/material';
 import { PageCenter, useAppUser } from '@tui/core';
 import api from '@cccsaurora/howler-ui/api';
 import { AppBrand } from '@cccsaurora/howler-ui/branding/AppBrand';
@@ -20,8 +20,10 @@ import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import ErrorBoundary from '../ErrorBoundary';
 import AddNewCard from './AddNewCard';
 import AnalyticCard, {} from './AnalyticCard';
+import CasePanel, {} from './CasePanel';
 import EntryWrapper from './EntryWrapper';
 import HomeSettings from './HomeSettings';
+import TasksPanel, {} from './TasksPanel';
 import ViewCard, {} from './ViewCard';
 import ViewRefresh, {} from './ViewRefresh';
 const LUCENE_DATE_FMT = 'YYYY-MM-DD[T]HH:mm:ss';
@@ -40,6 +42,8 @@ const Home = () => {
     const [refreshRate, setRefreshRate] = useState(user.refresh_rate ?? 15);
     const [refreshTick, setRefreshTick] = useState();
     const viewRefreshRef = useRef(null);
+    const refreshRateRef = useRef(refreshRate);
+    const refreshableCardIdsRef = useRef([]);
     const debounceTimerRef = useRef(null);
     const updateQuery = useMemo(() => `(howler.log.user:${user.username} OR howler.assignment:${user.username}) AND howler.log.timestamp:{${lastViewed} TO now} AND -howler.status:resolved`, [lastViewed, user.username]);
     const getIdFromEntry = useCallback((entry) => {
@@ -50,6 +54,9 @@ const Home = () => {
         else if (entry.type === 'view') {
             return settings.viewId;
         }
+        else if (entry.type === 'case' || entry.type === 'tasks') {
+            return entry.entry_id;
+        }
         else {
             return 'unknown';
         }
@@ -57,8 +64,8 @@ const Home = () => {
     const setLocalDashboard = useCallback((_dashboard) => {
         setStateDashboard(_dashboard ?? []);
     }, []);
-    const handleRefreshComplete = useCallback(() => {
-        viewRefreshRef.current?.handleRefreshComplete();
+    const handleRefreshComplete = useCallback((panelId, completedRefreshTick) => {
+        viewRefreshRef.current?.handleRefreshComplete(panelId, completedRefreshTick);
     }, []);
     const handleRefreshRateChange = useCallback((newRate) => {
         setRefreshRate(newRate);
@@ -74,8 +81,8 @@ const Home = () => {
             void setRefreshRateBackend(newRate);
         }, 500);
     }, [setRefreshRateBackend, setUser, user]);
-    const handleRefresh = useCallback(() => {
-        setRefreshTick(Symbol());
+    const handleRefresh = useCallback((nextRefreshTick) => {
+        setRefreshTick(nextRefreshTick);
     }, []);
     const saveChanges = useCallback(async () => {
         setLoading(true);
@@ -119,15 +126,29 @@ const Home = () => {
                 clearTimeout(debounceTimerRef.current);
         };
     }, []);
-    const viewCardCount = useMemo(() => (dashboard ?? []).filter(e => e.type === 'view').length, [dashboard]);
+    const refreshableCardIds = useMemo(() => (dashboard ?? []).filter(e => ['view', 'case', 'tasks'].includes(e.type)).map(e => e.entry_id), [dashboard]);
     useEffect(() => {
-        addToAppBar('left', 'view_refresh', _jsx(ViewRefresh, { ref: viewRefreshRef, refreshRate: refreshRate, viewCardCount: viewCardCount, onRefresh: handleRefresh }));
-        addToAppBar('left', 'home_settings', _jsx(HomeSettings, { isEditing: isEditing, refreshRate: refreshRate, onRefreshRateChange: handleRefreshRateChange, onEdit: () => setIsEditing(true) }));
+        refreshableCardIdsRef.current = refreshableCardIds;
+        viewRefreshRef.current?.updateViewCardIds(refreshableCardIds);
+    }, [refreshableCardIds]);
+    useEffect(() => {
+        refreshRateRef.current = refreshRate;
+        viewRefreshRef.current?.updateRefreshRate();
+    }, [refreshRate]);
+    useEffect(() => {
+        addToAppBar('left', 'view_spacer', _jsx(Box, { px: 0.25 }));
+        addToAppBar('left', 'view_refresh', _jsx(ViewRefresh, { ref: viewRefreshRef, refreshRateRef: refreshRateRef, viewCardIdsRef: refreshableCardIdsRef, onRefresh: handleRefresh }));
         return () => {
+            removeFromAppBar('view_spacer');
             removeFromAppBar('view_refresh');
+        };
+    }, [addToAppBar, handleRefresh, removeFromAppBar]);
+    useEffect(() => {
+        addToAppBar('left', 'home_settings', _jsx(HomeSettings, { isEditing: isEditing, refreshRate: refreshRate, onRefreshRateChange: handleRefreshRateChange, onEdit: () => setIsEditing(true) }));
+        return () => {
             removeFromAppBar('home_settings');
         };
-    }, [addToAppBar, handleRefresh, handleRefreshRateChange, isEditing, refreshRate, removeFromAppBar, viewCardCount]);
+    }, [addToAppBar, handleRefreshRateChange, isEditing, refreshRate, removeFromAppBar]);
     return (_jsx(PageCenter, { maxWidth: "100%", textAlign: "left", height: "100%", children: _jsx(ErrorBoundary, { children: _jsxs(Stack, { direction: "column", spacing: 1, sx: { height: '100%' }, children: [_jsxs(Stack, { direction: "row", justifyContent: "end", spacing: 1, children: [isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", color: "error", startIcon: _jsx(Cancel, {}), onClick: discardChanges, children: t('cancel') })), isEditing && (_jsx(CustomButton, { variant: "outlined", size: "small", disabled: isEqual(dashboard, user.dashboard), color: 'success', startIcon: loading ? _jsx(CircularProgress, { size: 20 }) : _jsx(Check, {}), onClick: saveChanges, children: t('save') }))] }), updatedHitTotal > 0 && (_jsxs(Alert, { severity: "info", variant: "outlined", action: _jsxs(Stack, { spacing: 1, direction: "row", children: [_jsx(IconButton, { color: "info", component: Link, to: `/hits?query=${encodeURIComponent(updateQuery)}`, onClick: () => setLastViewed(dayjs().utc().format(LUCENE_DATE_FMT)), children: _jsx(OpenInNew, {}) }), _jsx(IconButton, { color: "info", onClick: () => {
                                         setLastViewed(dayjs().utc().format(LUCENE_DATE_FMT));
                                         setUpdatedHitTotal(0);
@@ -144,12 +165,20 @@ const Home = () => {
                                 ], children: [(dashboard ?? []).map(entry => {
                                         if (entry.type === 'view') {
                                             const settings = JSON.parse(entry.config);
-                                            return (_jsx(EntryWrapper, { editing: isEditing, id: settings.viewId, onDelete: () => setLocalDashboard((dashboard ?? []).filter(_entry => _entry.entry_id !== getIdFromEntry(entry))), children: _jsx(ViewCard, { refreshTick: refreshTick, onRefreshComplete: handleRefreshComplete, ...settings }, entry.config) }, entry.entry_id));
+                                            return (_jsx(EntryWrapper, { editing: isEditing, id: settings.viewId, onDelete: () => setLocalDashboard((dashboard ?? []).filter(_entry => _entry.entry_id !== getIdFromEntry(entry))), children: _jsx(ViewCard, { panelId: entry.entry_id, refreshTick: refreshTick, onRefreshComplete: handleRefreshComplete, ...settings }, entry.config) }, entry.entry_id));
                                         }
                                         else if (entry.type === 'analytic') {
                                             const settings = JSON.parse(entry.config);
                                             return (_jsx(EntryWrapper, { editing: isEditing, id: getIdFromEntry(entry), onDelete: () => setLocalDashboard((dashboard ?? []).filter(_entry => _entry.entry_id !== getIdFromEntry(entry))), children: _jsx(AnalyticCard, { ...settings }, entry.config) }, entry.entry_id));
                                         }
+                                        else if (entry.type === 'case') {
+                                            const settings = JSON.parse(entry.config);
+                                            return (_jsx(EntryWrapper, { editing: isEditing, id: getIdFromEntry(entry), onDelete: () => setLocalDashboard((dashboard ?? []).filter(_entry => _entry.entry_id !== getIdFromEntry(entry))), children: _jsx(CasePanel, { panelId: entry.entry_id, refreshTick: refreshTick, onRefreshComplete: handleRefreshComplete, ...settings }) }, entry.entry_id));
+                                        }
+                                        else if (entry.type === 'tasks') {
+                                            const settings = JSON.parse(entry.config);
+                                            return (_jsx(EntryWrapper, { editing: isEditing, id: getIdFromEntry(entry), onDelete: () => setLocalDashboard((dashboard ?? []).filter(_entry => _entry.entry_id !== getIdFromEntry(entry))), children: _jsx(TasksPanel, { panelId: entry.entry_id, refreshTick: refreshTick, onRefreshComplete: handleRefreshComplete, ...settings }) }, entry.entry_id));
+                                        }
                                         else {
                                             return null;
                                         }

package/components/routes/home/index.test.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/// <reference types="vitest" />
 import { act, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 const mockDispatchApi = vi.hoisted(() => vi.fn());
@@ -47,6 +46,7 @@ vi.mock('@mui/material', () => ({
     Grid: ({ children }) => _jsx("div", { children: children }),
     IconButton: ({ children, onClick, component, to }) => (_jsx("button", { "data-component": String(!!component), "data-to": to, onClick: onClick, children: children })),
     Stack: ({ children }) => _jsx("div", { children: children }),
+    Box: ({ children }) => _jsx("div", { children: children }),
     Typography: ({ children }) => _jsx("div", { children: children })
 }));
 vi.mock('@tui/core', () => ({
@@ -170,6 +170,8 @@ describe('Home', () => {
         expect(screen.getByText('analytic:a1:created')).toBeInTheDocument();
         expect(mockAddToAppBar).toHaveBeenCalledWith('left', 'view_refresh', expect.anything());
         expect(mockAddToAppBar).toHaveBeenCalledWith('left', 'home_settings', expect.anything());
+        const viewRefreshNode = mockAddToAppBar.mock.calls.find(([, key]) => key === 'view_refresh')[2];
+        expect(viewRefreshNode.props.viewCardIdsRef.current).toEqual(['view-entry']);
         const homeSettings = mockAddToAppBar.mock.calls.find(([, key]) => key === 'home_settings')[2];
         await act(async () => {
             homeSettings.props.onEdit();
@@ -180,7 +182,13 @@ describe('Home', () => {
             await new Promise(resolve => setTimeout(resolve, 550));
         });
         expect(mockSetRefreshRateBackend).toHaveBeenCalledWith(30);
+        expect(viewRefreshNode.props.refreshRateRef.current).toBe(30);
+        expect(mockRemoveFromAppBar).not.toHaveBeenCalledWith('view_refresh');
+        expect(mockAddToAppBar.mock.calls.filter(([, key]) => key === 'view_refresh')).toHaveLength(1);
         fireEvent.click(screen.getByText('add-card'));
+        await waitFor(() => expect(viewRefreshNode.props.viewCardIdsRef.current).toEqual(['view-entry', 'new-entry']));
+        expect(mockRemoveFromAppBar).not.toHaveBeenCalledWith('view_refresh');
+        expect(mockAddToAppBar.mock.calls.filter(([, key]) => key === 'view_refresh')).toHaveLength(1);
         const saveButton = screen.getByText('save');
         expect(saveButton).not.toBeDisabled();
         fireEvent.click(saveButton);

package/components/routes/views/ViewComposer.test.js

@@ -300,6 +300,7 @@ describe('ViewComposer', () => {
         expect(parameterContextValue.setSpan).toHaveBeenCalledWith('7d');
         expect(screen.getByText('event:event-1')).toBeInTheDocument();
         fireEvent.change(screen.getByLabelText('route.views.name'), { target: { value: 'Updated View' } });
+        fireEvent.click(screen.getByText('record-query-clean'));
         fireEvent.click(screen.getByText('checked'));
         fireEvent.click(screen.getByText('save'));
         await waitFor(() => expect(mockEditView).toHaveBeenCalledWith('view-1', {

package/locales/en/translation.json

@@ -825,6 +825,10 @@
     "route.home.add.type": "Panel Type",
     "route.home.add.type.analytic": "Analytic Panel",
     "route.home.add.type.analytic.description": "Present statistics on a given analytic = the resulting assessments, number of hits created, or escalation of created hits",
+    "route.home.add.type.case": "Case Panel",
+    "route.home.add.type.case.description": "Present cases with filters for status, assignee, and creation date.",
+    "route.home.add.type.tasks": "Tasks Panel",
+    "route.home.add.type.tasks.description": "Present your tasks across all cases, filtered by completion.",
     "route.home.add.type.view": "View Panel",
     "route.home.add.type.view.description": "Present a saved view, limited to a certain number of hits.",
     "route.home.add.view": "View to present",
@@ -842,7 +846,19 @@
     "route.home.add.visualization.unavailable": "No visualization options available.",
     "route.home.alert.updated.description": "There have been updates to alerts you are involved in. Since you last viewed, {{count}} alert(s) have updates.",
     "route.home.alert.updated.title": "Alert Updates",
+    "route.home.case.error": "Unable to load cases.",
+    "route.home.case.open": "Open cases",
+    "route.home.case.title": "Cases",
     "route.home.description": "Welcome to Howler. You can add items to your dashboard using the buttons above.",
+    "route.home.tasks.error": "Unable to load tasks.",
+    "route.home.tasks.filter": "Task status",
+    "route.home.tasks.filter.all": "All tasks",
+    "route.home.tasks.filter.complete": "Completed",
+    "route.home.tasks.filter.incomplete": "Not completed",
+    "route.home.tasks.next": "Next",
+    "route.home.tasks.open": "Open cases",
+    "route.home.tasks.previous": "Previous",
+    "route.home.tasks.title": "My Tasks",
     "route.home.title": "Howler",
     "route.integrations": "Integrations",
     "route.login.button.oauth": "Sign in with",

package/locales/fr/translation.json

@@ -825,6 +825,10 @@
     "route.home.add.type": "Type de panneau",
     "route.home.add.type.analytic": "Panneau analytique",
     "route.home.add.type.analytic.description": "Présenter les statistiques d'une analyse donnée = les évaluations résultantes, le nombre de résultats créés ou l'escalade des résultats créés",
+    "route.home.add.type.case": "Panneau des cas",
+    "route.home.add.type.case.description": "Présenter les cas avec des filtres pour le statut, l'assigné et la date de création.",
+    "route.home.add.type.tasks": "Panneau des tâches",
+    "route.home.add.type.tasks.description": "Présenter vos tâches dans tous les cas, filtrées selon leur achèvement.",
     "route.home.add.type.view": "Panneau d'affichage",
     "route.home.add.type.view.description": "Présenter une vue sauvegardée, limitée à un certain nombre de résultats",
     "route.home.add.view": "Vue à présenter",
@@ -842,7 +846,19 @@
     "route.home.add.visualization.unavailable": "Aucune option de visualisation disponible.",
     "route.home.alert.updated.description": "Des mises à jour ont été apportées aux alertes auxquelles vous participez. Depuis votre dernière consultation, {{count}} alertes ont été mises à jour",
     "route.home.alert.updated.title": "Mises à jour d'alert",
+    "route.home.case.error": "Impossible de charger les cas.",
+    "route.home.case.open": "Ouvrir les cas",
+    "route.home.case.title": "Cas",
     "route.home.description": "Bienvenue sur Howler. Vous pouvez ajouter des éléments à votre tableau de bord en utilisant les boutons ci-dessus.",
+    "route.home.tasks.error": "Impossible de charger les tâches.",
+    "route.home.tasks.filter": "État des tâches",
+    "route.home.tasks.filter.all": "Toutes les tâches",
+    "route.home.tasks.filter.complete": "Terminées",
+    "route.home.tasks.filter.incomplete": "Non terminées",
+    "route.home.tasks.next": "Suivant",
+    "route.home.tasks.open": "Ouvrir les cas",
+    "route.home.tasks.previous": "Précédent",
+    "route.home.tasks.title": "Mes tâches",
     "route.home.title": "Howler",
     "route.integrations": "Intégrations",
     "route.login.button.oauth": "Se connecter avec",

package/models/entities/HowlerUser.d.ts

@@ -14,6 +14,6 @@ export interface HowlerUser extends AppUser {
   is_active?: boolean;
   favourite_views?: string[];
   favourite_analytics?: string[];
-  dashboard?: { entry_id: string; type: 'view' | 'analytic'; config: string }[];
+  dashboard?: { entry_id: string; type: 'view' | 'analytic' | 'case' | 'tasks'; config: string }[];
   refresh_rate?: number;
 }

package/package.json

@@ -97,7 +97,7 @@
     "url": "https://github.com/CybercentreCanada/howler"
   },
   "type": "module",
-  "version": "3.1.0-dev.1708",
+  "version": "3.1.0-dev.1712",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
@@ -243,6 +243,8 @@
     "./api/v2/case": "./api/v2/case/index.js",
     "./api/v2/search/*": "./api/v2/search/*.js",
     "./api/v2/search": "./api/v2/search/index.js",
+    "./api/v2/task/*": "./api/v2/task/*.js",
+    "./api/v2/task": "./api/v2/task/index.js",
     "./api/v2/case/rules/*": "./api/v2/case/rules/*.js",
     "./api/v2/case/rules": "./api/v2/case/rules/index.js",
     "./api/v2/case/rules/backfill/*": "./api/v2/case/rules/backfill/*.js",

package/rest/AxiosClient.d.ts

@@ -4,7 +4,7 @@ export default class AxiosClient implements RestClient {
     private cache;
     private client;
     constructor();
-    fetch<R>(url: string, method?: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: any, params?: URLSearchParams, headers?: HeadersInit): Promise<[HowlerResponse<R>, number, {
+    fetch<R>(url: string, method?: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: any, params?: URLSearchParams, headers?: HeadersInit, signal?: AbortSignal): Promise<[HowlerResponse<R>, number, {
         [index: string]: any;
     }]>;
 }

package/rest/AxiosClient.js

@@ -37,14 +37,15 @@ export default class AxiosClient {
             retryDelay: exponentialDelay
         });
     }
-    async fetch(url, method = 'get', body, params, headers) {
+    async fetch(url, method = 'get', body, params, headers, signal) {
         const config = {
             url,
             params,
             method,
             withCredentials: true,
             data: JSON.stringify(body),
-            headers: headers
+            headers: headers,
+            signal
         };
         try {
             const response = await this.client(config);

package/rest/AxiosClient.test.js

@@ -103,6 +103,12 @@ describe('AxiosClient', () => {
             const config = mockAxiosInstance.mock.calls[0][0];
             expect(config.headers).toEqual(headers);
         });
+        it('forwards an abort signal', async () => {
+            mockAxiosInstance.mockResolvedValueOnce({ data: {}, status: 200, headers: {} });
+            const controller = new AbortController();
+            await client.fetch('/api/v1/hit', 'get', undefined, undefined, undefined, controller.signal);
+            expect(mockAxiosInstance.mock.calls[0][0].signal).toBe(controller.signal);
+        });
         it('sets withCredentials to true', async () => {
             mockAxiosInstance.mockResolvedValueOnce({ data: {}, status: 200, headers: {} });
             await client.fetch('/api/v1/hit');

package/rest/FetchClient.d.ts

@@ -1,7 +1,7 @@
 import type { HowlerResponse } from '@cccsaurora/howler-ui/api';
 import type RestClient from '@cccsaurora/howler-ui/rest';
 export default class FetchClient implements RestClient {
-    fetch<R>(url: string, method?: 'get' | 'post' | 'put' | 'delete', body?: any, params?: URLSearchParams, headers?: HeadersInit): Promise<[HowlerResponse<R>, number, {
+    fetch<R>(url: string, method?: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: any, params?: URLSearchParams, headers?: HeadersInit, signal?: AbortSignal): Promise<[HowlerResponse<R>, number, {
         [index: string]: any;
     }] | undefined>;
 }

package/rest/FetchClient.js

@@ -1,10 +1,11 @@
 export default class FetchClient {
-    async fetch(url, method = 'get', body, params, headers) {
+    async fetch(url, method = 'get', body, params, headers, signal) {
         const _url = `${url}${params ? `?${params.toString()}` : ''}`;
         const request = {
             method,
             credentials: 'same-origin',
-            headers: headers
+            headers,
+            signal
         };
         if (method !== 'get' && body) {
             request.body = JSON.stringify(body);

package/rest/FetchClient.test.js

@@ -62,6 +62,12 @@ describe('FetchClient', () => {
         const callArgs = spy.mock.calls[0][1];
         expect(callArgs.headers.Authorization).toBe('******');
     });
+    it('forwards an abort signal to fetch', async () => {
+        const spy = mockFetch(200, {});
+        const controller = new AbortController();
+        await client.fetch('/api/v1/hit', 'get', undefined, undefined, undefined, controller.signal);
+        expect(spy.mock.calls[0][1]?.signal).toBe(controller.signal);
+    });
     it('returns undefined for a 204 No Content response', async () => {
         mockFetch(204, null);
         const result = await client.fetch('/api/v1/hit', 'delete');

package/rest/index.d.ts

@@ -3,5 +3,5 @@ export type RestResponse<R> = [HowlerResponse<R>, number, {
     [index: string]: any;
 }];
 export default interface RestClient {
-    fetch<R>(url: string, method: 'get' | 'post' | 'put' | 'delete', body?: any, params?: URLSearchParams, headers?: HeadersInit): Promise<RestResponse<R> | undefined>;
+    fetch<R>(url: string, method: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: any, params?: URLSearchParams, headers?: HeadersInit, signal?: AbortSignal): Promise<RestResponse<R> | undefined>;
 }