@cccsaurora/howler-ui 2.17.0-dev.617 → 2.18.0-dev.626

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Divider, Pagination, Skeleton, Stack, Typography, useTheme } from '@mui/material';
-import HitCard from '@cccsaurora/howler-ui/components/elements/hit/HitCard';
-import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
-import { chunk, uniq } from 'lodash-es';
-import { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-const AlertPanel = ({ case: _case }) => {
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const [alertPage, setAlertPage] = useState(1);
-    const alertPages = useMemo(() => chunk(uniq((_case?.items ?? []).filter(item => item.type === 'hit')), 5), [_case?.items]);
-    if (!_case) {
-        return _jsx(Skeleton, { height: 240 });
-    }
-    return (_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", children: [_jsx(Typography, { flex: 1, variant: "h4", children: t('page.cases.dashboard.alerts') }), _jsx(Pagination, { count: alertPages.length, page: alertPage, onChange: (_, page) => setAlertPage(page) })] }), _jsx(Divider, {}), alertPages[alertPage - 1].map(item => (_jsxs(Box, { position: "relative", children: [_jsx(HitCard, { layout: HitLayout.DENSE, id: item.id }), _jsx(Box, { component: Link, to: item.path, sx: {
-                            position: 'absolute',
-                            top: 0,
-                            left: 0,
-                            width: '100%',
-                            height: '100%',
-                            cursor: 'pointer',
-                            zIndex: 100,
-                            borderRadius: '4px',
-                            '&:hover': {
-                                background: theme.palette.divider,
-                                border: `thin solid ${theme.palette.primary.light}`
-                            }
-                        } })] }, item.id)))] }));
-};
-export default AlertPanel;

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

@@ -1,7 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const CaseDashboard: FC<{
-    case?: Case;
-    caseId?: string;
-}>;
-export default CaseDashboard;

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

@@ -1,49 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid, useTheme } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import dayjs from 'dayjs';
-import { get } from 'lodash-es';
-import { useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import useCase from '../hooks/useCase';
-import CaseAggregate from './aggregates/CaseAggregate';
-import AlertPanel from './AlertPanel';
-import CaseOverview from './CaseOverview';
-import RelatedCasePanel from './RelatedCasePanel';
-import TaskPanel from './TaskPanel';
-const AGGREGATE_FIELDS = [
-    ['howler.outline.threat', 'material-symbols:warning-rounded', 'warning.main', 'page.cases.dashboard.threat'],
-    ['howler.outline.target', 'material-symbols:group', 'primary.main', 'page.cases.dashboard.target'],
-    ['howler.outline.indicators', 'fluent:number-symbol-24-filled', null, 'page.cases.dashboard.indicators']
-];
-const getDuration = (case_) => {
-    if (case_?.start) {
-        return dayjs
-            .duration(dayjs(case_?.end ?? new Date()).diff(dayjs(case_.start), 'minute'), 'minute')
-            .format('HH[h] mm[m]');
-    }
-    return '--';
-};
-const CaseDashboard = ({ case: providedCase, caseId }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const theme = useTheme();
-    const { case: _case, updateCase } = useCase({ case: providedCase, caseId });
-    const [records, setRecords] = useState(null);
-    const ids = useMemo(() => (_case?.items ?? []).filter(item => ['hit', 'observable'].includes(item.type)).map(item => item.id), [_case?.items]);
-    useEffect(() => {
-        if (ids?.length < 1) {
-            return;
-        }
-        dispatchApi(api.v2.search.post(['hit', 'observable'], {
-            query: `howler.id:(${ids?.join(' OR ') || '*'})`,
-            fl: AGGREGATE_FIELDS.map(([field]) => field).join(',')
-        })).then(response => setRecords(response.items));
-    }, [dispatchApi, ids]);
-    if (!_case) {
-        return null;
-    }
-    return (_jsxs(Grid, { container: true, spacing: 5, width: "100%", px: 3, children: [_jsx(Grid, { item: true, xs: 12, children: _jsx(CaseOverview, { case: _case, updateCase: updateCase }) }), AGGREGATE_FIELDS.map(([field, icon, iconColor, subtitle]) => (_jsx(Grid, { item: true, xs: 12, md: 6, xl: 3, children: _jsx(CaseAggregate, { icon: icon, iconColor: iconColor && get(theme.palette, iconColor), field: field, records: records, subtitle: t(subtitle) }) }, field))), _jsx(Grid, { item: true, xs: 12, md: 6, xl: 3, children: _jsx(CaseAggregate, { icon: "mingcute:heartbeat-line", iconColor: theme.palette.error.light, title: getDuration(_case), subtitle: t('page.cases.dashboard.duration') }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(TaskPanel, { case: _case, updateCase: updateCase }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(AlertPanel, { case: _case }) }), _jsx(Grid, { item: true, xs: 12, children: _jsx(RelatedCasePanel, { case: _case }) })] }));
-};
-export default CaseDashboard;

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

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const CaseDetails: FC<{
-    case: Case;
-}>;
-export default CaseDetails;

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, FormatListBulleted, HourglassBottom, Pause, People, WarningRounded } from '@mui/icons-material';
-import { Autocomplete, Card, Chip, Divider, LinearProgress, Skeleton, Stack, Table, TableBody, TableCell, TableRow, TextField, Typography } from '@mui/material';
-import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
-import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
-import UserList from '@cccsaurora/howler-ui/components/elements/UserList';
-import dayjs from 'dayjs';
-import { useContext, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import useCase from '../hooks/useCase';
-import ResolveModal from '../modals/ResolveModal';
-import SourceAggregate from './aggregates/SourceAggregate';
-const CaseDetails = ({ case: providedCase }) => {
-    const { t } = useTranslation();
-    const { case: _case, updateCase } = useCase({ case: providedCase });
-    const { showModal } = useContext(ModalContext);
-    const { config } = useContext(ApiConfigContext);
-    const [loading, setLoading] = useState(false);
-    const wrappedUpdate = async (subset) => {
-        try {
-            setLoading(true);
-            await updateCase(subset);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const handleStatus = (status) => {
-        if (status === 'resolved') {
-            const onConfirm = () => wrappedUpdate({ status });
-            showModal(_jsx(ResolveModal, { case: _case, onConfirm: onConfirm }), { maxHeight: '80vh' });
-        }
-        else {
-            wrappedUpdate({ status });
-        }
-    };
-    if (!_case) {
-        return (_jsx(Card, { sx: {
-                borderRadius: 0,
-                width: '300px',
-                maxHeight: 'calc(100vh - 64px)',
-                display: 'flex',
-                flexDirection: 'column',
-                p: 1
-            }, children: _jsx(Skeleton, { variant: "rounded", height: 50 }) }));
-    }
-    return (_jsxs(Card, { elevation: 1, sx: {
-            borderRadius: 0,
-            width: '300px',
-            maxHeight: 'calc(100vh - 64px)',
-            display: 'flex',
-            flexDirection: 'column',
-            p: 1,
-            position: 'relative'
-        }, children: [_jsx(LinearProgress, { sx: { opacity: +loading, position: 'absolute', top: 0, left: 0, right: 0 } }), _jsxs(Stack, { spacing: 2, children: [_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [{
-                                        'in-progress': _jsx(HourglassBottom, { color: "warning" }),
-                                        'on-hold': _jsx(Pause, { color: "disabled" }),
-                                        resolved: _jsx(Check, { color: "success" })
-                                    }[_case.status] ?? _jsx(WarningRounded, { fontSize: "small" }), _jsx(Typography, { variant: "body1", children: t('page.cases.detail.status') })] }), _jsx(Autocomplete, { size: "small", disabled: loading, value: _case.status, options: config.lookups['howler.status'], renderInput: params => _jsx(TextField, { ...params, size: "small" }), onChange: (_ev, status) => handleStatus(status) })] }), _jsx(Divider, {}), _jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(People, {}), _jsx(Typography, { variant: "body1", children: t('page.cases.detail.participants') })] }), _jsx(UserList, { buttonSx: { alignSelf: 'start' }, multiple: true, i18nLabel: "page.cases.detail.assignment", userIds: _case.participants ?? [], onChange: participants => wrappedUpdate({ participants }), disabled: loading })] }), _jsx(Divider, {}), _jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(FormatListBulleted, {}), _jsx(Typography, { variant: "body1", children: t('page.cases.detail.properties') })] }), _jsx(Table, { sx: { '& td': { p: 1 } }, children: _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: t('page.cases.escalation') }) }), _jsx(TableCell, { children: _jsx(Chip, { size: "small", label: _case.escalation }) })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: t('page.cases.created') }) }), _jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: dayjs(_case.created).toString() }) })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: t('page.cases.updated') }) }), _jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: dayjs(_case.updated).toString() }) })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: t('page.cases.sources') }) }), _jsx(TableCell, { children: _jsx(Typography, { variant: "caption", children: _jsx(SourceAggregate, { case: _case }) }) })] })] }) })] })] })] }));
-};
-export default CaseDetails;

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

@@ -1,7 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const CaseOverview: FC<{
-    case: Case;
-    updateCase: (_case: Partial<Case>) => Promise<void>;
-}>;
-export default CaseOverview;

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

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Clear, Edit, Save } from '@mui/icons-material';
-import { Box, Card, CardContent, CardHeader, Divider, IconButton, LinearProgress, Skeleton, Stack, useTheme } from '@mui/material';
-import Markdown from '@cccsaurora/howler-ui/components/elements/display/Markdown';
-import MarkdownEditor from '@cccsaurora/howler-ui/components/elements/MarkdownEditor';
-import { useEffect, useState } from 'react';
-const CaseOverview = ({ case: _case, updateCase }) => {
-    const theme = useTheme();
-    const [editing, setEditing] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [overview, setOverview] = useState(_case?.overview);
-    useEffect(() => {
-        if (!editing && _case?.overview) {
-            setOverview(_case.overview);
-        }
-    }, [_case?.overview, editing]);
-    if (!_case) {
-        return _jsx(Skeleton, { height: 370 });
-    }
-    return (_jsxs(Card, { children: [_jsx(CardHeader, { title: _case.title, subheader: _case.summary }), _jsxs(Stack, { children: [_jsx(Divider, {}), _jsx(LinearProgress, { sx: { opacity: +loading } })] }), _jsx(CardContent, { sx: { position: 'relative' }, children: _jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(Box, { flex: 1, sx: {
-                                '& > :first-child': {
-                                    marginTop: '0 !important'
-                                },
-                                '& > h1,h2,h3,h4,h5': {
-                                    fontSize: theme.typography.h5.fontSize
-                                }
-                            }, children: editing ? (_jsx(MarkdownEditor, { height: "40vh", content: overview, setContent: _content => setOverview(_content) })) : (_jsx(Markdown, { md: _case.overview })) }), _jsxs(Stack, { spacing: 1, children: [_jsx(IconButton, { size: "small", disabled: loading, onClick: async () => {
-                                        if (editing) {
-                                            try {
-                                                setLoading(true);
-                                                await updateCase({ overview });
-                                            }
-                                            finally {
-                                                setEditing(false);
-                                                setLoading(false);
-                                            }
-                                        }
-                                        else {
-                                            setEditing(true);
-                                        }
-                                    }, children: editing ? _jsx(Save, { color: loading ? 'disabled' : 'success', fontSize: "small" }) : _jsx(Edit, { fontSize: "small" }) }), editing && (_jsx(IconButton, { size: "small", disabled: loading, onClick: () => setEditing(false), children: _jsx(Clear, { color: loading ? 'disabled' : 'error', fontSize: "small" }) }))] })] }) })] }));
-};
-export default CaseOverview;

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

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const CaseSidebar: FC<{
-    case: Case;
-}>;
-export default CaseSidebar;

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

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Circle, Dashboard } from '@mui/icons-material';
-import { Box, Card, Chip, Divider, Skeleton, Stack, Typography, useTheme } from '@mui/material';
-import dayjs from 'dayjs';
-import {} from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { ESCALATION_COLOR_MAP } from '../constants';
-import CaseFolder from './sidebar/CaseFolder';
-const CaseSidebar = ({ case: _case }) => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    return (_jsxs(Box, { sx: {
-            flex: 1,
-            maxWidth: '350px',
-            maxHeight: 'calc(100vh - 64px)',
-            display: 'flex',
-            flexDirection: 'column'
-        }, children: [_jsxs(Card, { sx: { borderRadius: 0, px: 2, py: 1 }, children: [_case?.title ? _jsx(Typography, { variant: "body1", children: _case.title }) : _jsx(Skeleton, { height: 24 }), _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", divider: _jsx(Circle, { color: "disabled", sx: { fontSize: '8px' } }), children: [_jsxs(Typography, { variant: "caption", color: "textSecondary", children: [t('started'), ": ", _case?.created ? dayjs(_case.created).toString() : _jsx(Skeleton, { height: 14 })] }), _case?.escalation ? (_jsx(Chip, { color: ESCALATION_COLOR_MAP[_case.escalation], label: t(_case.escalation) })) : (_jsx(Skeleton, { height: 24 }))] })] }), _jsxs(Stack, { direction: "row", alignItems: "center", sx: {
-                    cursor: 'pointer',
-                    px: 1,
-                    py: 1,
-                    transition: theme.transitions.create('background', { duration: 100 }),
-                    color: `${theme.palette.text.primary} !important`,
-                    textDecoration: 'none',
-                    background: 'transparent',
-                    borderRight: `thin solid ${theme.palette.divider}`,
-                    '&:hover': {
-                        background: theme.palette.grey[800]
-                    }
-                }, component: Link, to: `/cases/${_case?.case_id}`, children: [_jsx(Dashboard, {}), _jsx(Typography, { sx: { userSelect: 'none', pl: 0.5, textWrap: 'nowrap' }, children: t('page.cases.dashboard') })] }), _jsx(Divider, {}), _case && (_jsx(Box, { flex: 1, overflow: "auto", width: "100%", sx: {
-                    position: 'relative',
-                    borderRight: `thin solid ${theme.palette.divider}`
-                }, children: _jsx(Box, { position: "absolute", sx: { left: 0 }, children: _jsx(CaseFolder, { case: _case }) }) }))] }));
-};
-export default CaseSidebar;

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

@@ -1,11 +0,0 @@
-import type { Task } from '@cccsaurora/howler-ui/models/entities/generated/Task';
-import { type FC } from 'react';
-declare const CaseTask: FC<{
-    task?: Task;
-    paths: string[];
-    onDelete?: () => Promise<void>;
-    onEdit: (task?: Partial<Task>) => Promise<void>;
-    loading?: boolean;
-    newTask?: boolean;
-}>;
-export default CaseTask;

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

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Check, Close, Delete, Edit } from '@mui/icons-material';
-import { Autocomplete, Card, Checkbox, Chip, IconButton, LinearProgress, Stack, TextField, Tooltip, Typography } from '@mui/material';
-import UserList from '@cccsaurora/howler-ui/components/elements/UserList';
-import { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-const CaseTask = ({ task, onEdit, onDelete, paths, newTask = false }) => {
-    const { t } = useTranslation();
-    const [loading, setLoading] = useState(false);
-    const [editing, setEditing] = useState(newTask);
-    const [summary, setSummary] = useState(task?.summary || '');
-    const [path, setPath] = useState(task?.path ?? null);
-    const [assignment, setAssignment] = useState(task?.assignment);
-    const [complete, setComplete] = useState(task?.complete ?? false);
-    const dirty = summary !== task?.summary || path !== task?.path || complete !== task?.complete || assignment !== task?.assignment;
-    const onSubmit = async () => {
-        if (dirty && editing) {
-            setLoading(true);
-            await onEdit({ summary, path: !path ? null : path, assignment, complete });
-            setLoading(false);
-        }
-    };
-    useEffect(() => {
-        if (!editing && task?.assignment !== assignment) {
-            setLoading(true);
-            onEdit({ assignment }).finally(() => setLoading(false));
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [assignment]);
-    useEffect(() => {
-        if (!editing && task?.complete !== complete) {
-            setLoading(true);
-            onEdit({ complete }).finally(() => setLoading(false));
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [complete]);
-    return (_jsxs(Card, { sx: { pl: 0.5, pr: 1, py: 0.5, position: 'relative' }, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [_jsx(Checkbox, { disabled: loading, color: "success", checked: complete, size: "small", onChange: (_ev, _complete) => setComplete(_complete) }), editing ? (_jsx(TextField, { disabled: loading, value: summary, onChange: e => setSummary(e.target.value), size: "small", fullWidth: true, sx: { minWidth: '40%' } })) : (_jsx(Typography, { sx: [complete && { textDecoration: 'line-through' }], children: task?.summary || summary })), !editing && path && _jsx(Chip, { clickable: true, component: Link, to: path, label: path }), editing && (_jsx(Autocomplete, { disabled: loading, value: path, options: paths, onChange: (_ev, value) => setPath(value), fullWidth: true, renderInput: params => _jsx(TextField, { ...params, size: "small" }) })), _jsx(UserList, { disabled: loading, userIds: [assignment], onChange: ([_assigment]) => setAssignment(_assigment), i18nLabel: "route.cases.task.set.assignment", avatarHeight: 24 }), _jsx("div", { style: { flex: 1 } }), editing && !newTask && (_jsx(Tooltip, { title: t('route.cases.task.delete'), children: _jsx(IconButton, { size: "small", color: "error", onClick: () => {
-                                setLoading(true);
-                                onDelete().then(() => setLoading(false));
-                            }, disabled: loading, children: _jsx(Delete, { fontSize: "small" }) }) })), _jsx(Tooltip, { title: t(editing ? 'route.cases.task.edit.save' : 'route.cases.task.edit'), children: _jsx("span", { children: _jsx(IconButton, { size: "small", color: editing ? 'success' : 'default', onClick: async () => {
-                                    if (!editing) {
-                                        setEditing(true);
-                                        return;
-                                    }
-                                    await onSubmit();
-                                    setEditing(false);
-                                }, disabled: (!dirty && editing) || loading || !summary, children: editing ? _jsx(Check, { fontSize: "small" }) : _jsx(Edit, { fontSize: "small" }) }) }) }), editing && (_jsx(Tooltip, { title: t('route.cases.task.edit.cancel'), children: _jsx(IconButton, { size: "small", onClick: () => {
-                                if (newTask) {
-                                    onDelete();
-                                }
-                                else {
-                                    setEditing(false);
-                                }
-                            }, disabled: loading, children: _jsx(Close, { fontSize: "small" }) }) }))] }), loading && _jsx(LinearProgress, { sx: { left: 0, bottom: 0, right: 0, position: 'absolute' } })] }));
-};
-export default CaseTask;

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

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const ItemPage: FC<{
-    case: Case;
-}>;
-export default ItemPage;

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

@@ -1,93 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import api from '@cccsaurora/howler-ui/api';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import NotFoundPage from '@cccsaurora/howler-ui/components/routes/404';
-import InformationPane from '@cccsaurora/howler-ui/components/routes/hits/search/InformationPane';
-import ObservableViewer from '@cccsaurora/howler-ui/components/routes/observables/ObservableViewer';
-import { useEffect, useMemo, useState } from 'react';
-import { useLocation } from 'react-router';
-import CaseDashboard from './CaseDashboard';
-const ItemPage = ({ case: _case }) => {
-    const location = useLocation();
-    const { dispatchApi } = useMyApi();
-    const [item, setItem] = useState(null);
-    const [loading, setLoading] = useState(true);
-    const subPath = decodeURIComponent(location.pathname).replace(`/cases/${_case.case_id}/`, '');
-    const normalizedSubPath = useMemo(() => subPath.replace(/^\/+|\/+$/g, ''), [subPath]);
-    useEffect(() => {
-        let cancelled = false;
-        const resolveItem = async () => {
-            setLoading(true);
-            if (!normalizedSubPath) {
-                if (!cancelled) {
-                    setItem(null);
-                    setLoading(false);
-                }
-                return;
-            }
-            let currentCase = _case;
-            let remainingPath = normalizedSubPath;
-            while (currentCase && remainingPath) {
-                const currentRemainingPath = remainingPath;
-                const matchedNestedCase = currentCase.items
-                    .filter(_item => _item?.path &&
-                    _item?.type?.toLowerCase() === 'case' &&
-                    (currentRemainingPath === _item.path || currentRemainingPath.startsWith(`${_item.path}/`)))
-                    .sort((a, b) => (b.path?.length || 0) - (a.path?.length || 0))[0];
-                if (!matchedNestedCase) {
-                    break;
-                }
-                if (currentRemainingPath === matchedNestedCase.path) {
-                    if (!cancelled) {
-                        setItem(matchedNestedCase);
-                        setLoading(false);
-                    }
-                    return;
-                }
-                if (!matchedNestedCase.id) {
-                    if (!cancelled) {
-                        setItem(null);
-                        setLoading(false);
-                    }
-                    return;
-                }
-                const nextCase = await dispatchApi(api.v2.case.get(matchedNestedCase.id), { throwError: false });
-                if (!nextCase) {
-                    if (!cancelled) {
-                        setItem(null);
-                        setLoading(false);
-                    }
-                    return;
-                }
-                remainingPath = currentRemainingPath.slice((matchedNestedCase.path?.length || 0) + 1);
-                currentCase = nextCase;
-            }
-            const resolvedItem = currentCase?.items?.find(_item => _item.path === remainingPath);
-            if (!cancelled) {
-                setItem(resolvedItem || null);
-                setLoading(false);
-            }
-        };
-        resolveItem();
-        return () => {
-            cancelled = true;
-        };
-    }, [_case, dispatchApi, normalizedSubPath]);
-    if (loading) {
-        return null;
-    }
-    if (!item) {
-        return _jsx(NotFoundPage, {});
-    }
-    if (item.type === 'hit') {
-        return _jsx(InformationPane, { selected: item.id });
-    }
-    if (item.type === 'observable') {
-        return _jsx(ObservableViewer, { observableId: item.id });
-    }
-    if (item.type === 'case') {
-        return _jsx(CaseDashboard, { caseId: item.id });
-    }
-    return _jsx("h1", { children: JSON.stringify(item) });
-};
-export default ItemPage;

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

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const RelatedCasePanel: FC<{
-    case: Case;
-}>;
-export default RelatedCasePanel;

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Divider, Pagination, Skeleton, Stack, Typography, useTheme } from '@mui/material';
-import { chunk, uniq } from 'lodash-es';
-import { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import CaseCard from '../../../elements/case/CaseCard';
-const RelatedCasePanel = ({ case: _case }) => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const [casePage, setCasePage] = useState(1);
-    const casePages = useMemo(() => chunk(uniq((_case?.items ?? []).filter(item => item.type === 'case')), 5), [_case?.items]);
-    if (!_case) {
-        return _jsx(Skeleton, { height: 240 });
-    }
-    return (_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", children: [_jsx(Typography, { flex: 1, variant: "h4", children: t('page.cases.dashboard.cases') }), _jsx(Pagination, { count: casePages.length, page: casePage, onChange: (_, page) => setCasePage(page) })] }), _jsx(Divider, {}), casePages[casePage - 1]?.map(item => (_jsxs(Box, { position: "relative", children: [_jsx(CaseCard, { caseId: item.id }), _jsx(Box, { component: Link, to: item.path, sx: {
-                            position: 'absolute',
-                            top: 0,
-                            left: 0,
-                            width: '100%',
-                            height: '100%',
-                            cursor: 'pointer',
-                            zIndex: 100,
-                            borderRadius: '4px',
-                            '&:hover': {
-                                background: theme.palette.divider,
-                                border: `thin solid ${theme.palette.primary.light}`
-                            }
-                        } })] }, item.id)))] }));
-};
-export default RelatedCasePanel;

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

@@ -1,7 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const TaskPanel: FC<{
-    case: Case;
-    updateCase: (_case: Partial<Case>) => Promise<void>;
-}>;
-export default TaskPanel;

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

@@ -1,52 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Add } from '@mui/icons-material';
-import { Divider, Skeleton, Stack, Typography } from '@mui/material';
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import CaseTask from './CaseTask';
-const TaskPanel = ({ case: _case, updateCase }) => {
-    const { t } = useTranslation();
-    const [addingTask, setAddingTask] = useState(false);
-    const onEdit = (task) => async (newTask) => {
-        if (task) {
-            await updateCase({
-                tasks: _case.tasks.map(_task => {
-                    if (_task.id !== task.id) {
-                        return _task;
-                    }
-                    return {
-                        ..._task,
-                        ...newTask
-                    };
-                })
-            });
-        }
-        else {
-            await updateCase({
-                tasks: [..._case.tasks, newTask]
-            });
-        }
-    };
-    if (!_case) {
-        return _jsx(Skeleton, { height: 240 });
-    }
-    return (_jsxs(Stack, { spacing: 1, children: [_jsx(Typography, { flex: 1, variant: "h4", children: t('page.cases.dashboard.tasks') }), _jsx(Divider, {}), _case.tasks.map(task => (_jsx(CaseTask, { task: task, paths: _case.items.map(item => item.path), onEdit: onEdit(task), onDelete: () => updateCase({ tasks: _case.tasks.filter(_task => _task.id !== task.id) }) }, task.id))), addingTask && (_jsx(CaseTask, { newTask: true, paths: _case.items.map(item => item.path), onEdit: async (task) => {
-                    await onEdit()(task);
-                    setAddingTask(false);
-                }, onDelete: async () => setAddingTask(false) })), _jsxs(Stack, { onClick: () => setAddingTask(true), direction: "row", spacing: 2, sx: theme => ({
-                    borderStyle: 'dashed',
-                    borderColor: theme.palette.text.secondary,
-                    borderWidth: '0.15rem',
-                    borderRadius: '0.15rem',
-                    opacity: 0.3,
-                    justifyContent: 'center',
-                    alignItems: 'center',
-                    padding: 1,
-                    transition: theme.transitions.create('opacity'),
-                    '&:hover': {
-                        opacity: 1,
-                        cursor: 'pointer'
-                    }
-                }), children: [_jsx(Add, {}), _jsx(Typography, { children: t('page.cases.dashboard.tasks.add') })] })] }));
-};
-export default TaskPanel;

package/components/routes/cases/detail/aggregates/CaseAggregate.d.ts

@@ -1,12 +0,0 @@
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-import { type FC } from 'react';
-declare const CaseAggregate: FC<{
-    icon?: string;
-    iconColor?: string;
-    field?: string;
-    records?: Partial<Hit | Observable>[];
-    title?: string;
-    subtitle?: string;
-}>;
-export default CaseAggregate;

package/components/routes/cases/detail/aggregates/CaseAggregate.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@iconify/react';
-import { Card, CardContent, Skeleton, Stack, styled, Tooltip, tooltipClasses, Typography, useTheme } from '@mui/material';
-import { get, isEmpty, uniq } from 'lodash-es';
-import {} from 'react';
-const NoMaxWidthTooltip = styled(({ className, ...props }) => (_jsx(Tooltip, { ...props, classes: { popper: className } })))({
-    [`& .${tooltipClasses.tooltip}`]: {
-        maxWidth: 'none'
-    }
-});
-const CaseAggregate = ({ icon, iconColor, field, records, title, subtitle }) => {
-    const theme = useTheme();
-    if (!title && (!records || !field)) {
-        return _jsx(Skeleton, { height: 120 });
-    }
-    const values = uniq(records?.map(_record => get(_record, field)).flat());
-    return (_jsx(Card, { sx: { height: '100%' }, children: _jsx(CardContent, { children: _jsxs(Stack, { alignItems: "center", spacing: 1, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [icon && _jsx(Icon, { fontSize: "96px", icon: icon, color: iconColor || theme.palette.grey[700] }), _jsx(NoMaxWidthTooltip, { title: !isEmpty(values) && (_jsx(Stack, { spacing: 0.5, children: values.map(value => (_jsx("span", { children: value }, value))) })), children: _jsxs(Typography, { variant: "h3", children: [values.length, !isEmpty(values) && !!title && ' - ', title] }) })] }), _jsx(Typography, { color: "textSecondary", children: subtitle })] }) }) }));
-};
-export default CaseAggregate;

package/components/routes/cases/detail/aggregates/SourceAggregate.d.ts

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-declare const SourceAggregate: FC<{
-    case: Case;
-}>;
-export default SourceAggregate;

package/components/routes/cases/detail/aggregates/SourceAggregate.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Chip, Grid, Skeleton } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { uniq } from 'lodash-es';
-import { useEffect, useMemo, useState } from 'react';
-import useCase from '../../hooks/useCase';
-const SourceAggregate = ({ case: providedCase }) => {
-    const { dispatchApi } = useMyApi();
-    const { case: _case } = useCase({ case: providedCase });
-    const [analytics, setAnalytics] = useState([]);
-    const hitIds = useMemo(() => _case?.items.filter(item => item.type === 'hit').map(item => item.id), [_case?.items]);
-    useEffect(() => {
-        dispatchApi(api.v2.search.post('hit', { query: `howler.id:(${hitIds.join(' OR ')})`, fl: 'howler.analytic' }))
-            .then(response => response?.items.map(hit => hit.howler.analytic) ?? [])
-            .then(_analytics => setAnalytics(uniq(_analytics)));
-        api.v2.search.facet.post(['hit', 'observable'], {
-            query: `howler.id:(${hitIds.join(' OR ')})`,
-            fields: ['howler.analytic']
-        });
-    }, [dispatchApi, hitIds]);
-    if (!_case) {
-        return _jsx(Skeleton, { height: 12, variant: "rounded" });
-    }
-    return (_jsx(Grid, { container: true, spacing: 1, children: analytics.map(_analytic => (_jsx(Grid, { item: true, children: _jsx(Chip, { size: "small", label: _analytic }) }, _analytic))) }));
-};
-export default SourceAggregate;

package/components/routes/cases/detail/sidebar/CaseFolder.d.ts

@@ -1,13 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import { type FC } from 'react';
-import type { Tree } from './types';
-interface CaseFolderProps {
-    case: Case;
-    folder?: Tree;
-    name?: string;
-    step?: number;
-    rootCaseId?: string;
-    pathPrefix?: string;
-}
-declare const CaseFolder: FC<CaseFolderProps>;
-export default CaseFolder;