@cccsaurora/howler-ui 2.18.0-dev.716 → 2.18.0-dev.723

package/components/routes/cases/hooks/useCase.d.ts

@@ -1,13 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-interface CaseArguments {
-    case?: Case;
-    caseId?: string;
-}
-interface CaseResult {
-    case: Case;
-    update: (update: Partial<Case>, publish?: boolean) => Promise<void>;
-    loading: boolean;
-    missing: boolean;
-}
-declare const useCase: (args: CaseArguments) => CaseResult;
-export default useCase;

package/components/routes/cases/hooks/useCase.js

@@ -1,51 +0,0 @@
-import api from '@cccsaurora/howler-ui/api';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { useCallback, useEffect, useState } from 'react';
-const useCase = ({ caseId, case: providedCase }) => {
-    const { dispatchApi } = useMyApi();
-    const [loading, setLoading] = useState(false);
-    const [missing, setMissing] = useState(false);
-    const [_case, setCase] = useState(providedCase);
-    useEffect(() => {
-        if (providedCase) {
-            setCase(providedCase);
-        }
-    }, [providedCase]);
-    useEffect(() => {
-        if (caseId) {
-            setLoading(true);
-            dispatchApi(api.v2.case.get(caseId), { throwError: false })
-                .then(setCase)
-                .finally(() => setLoading(false));
-        }
-    }, [caseId, dispatchApi]);
-    const update = useCallback(async (_updatedCase, publish = true) => {
-        if (!_case?.case_id) {
-            return;
-        }
-        try {
-            if (publish) {
-                setCase(await dispatchApi(api.v2.case.put(_case.case_id, _updatedCase)));
-            }
-            else {
-                setCase(prevCase => {
-                    if (!prevCase) {
-                        return prevCase;
-                    }
-                    return {
-                        ...prevCase,
-                        ..._updatedCase
-                    };
-                });
-            }
-        }
-        catch (e) {
-            setMissing(true);
-        }
-        finally {
-            return;
-        }
-    }, [_case?.case_id, dispatchApi]);
-    return { case: _case, update, loading, missing };
-};
-export default useCase;

package/components/routes/cases/modals/AddToCaseModal.d.ts

@@ -1,7 +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 AddToCaseModal: FC<{
-    records: (Hit | Observable)[];
-}>;
-export default AddToCaseModal;

package/components/routes/cases/modals/AddToCaseModal.js

@@ -1,62 +0,0 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Autocomplete, Button, Stack, TextField, Typography } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
-import CaseCard from '@cccsaurora/howler-ui/components/elements/case/CaseCard';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { useContext, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-const AddToCaseModal = ({ records }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const { close } = useContext(ModalContext);
-    const [cases, setCases] = useState([]);
-    const [selectedCase, setSelectedCase] = useState(null);
-    const [path, setPath] = useState('');
-    const [title, setTitle] = useState('');
-    useEffect(() => {
-        dispatchApi(api.search.case.post({ query: 'case_id:*', rows: 100 }), { throwError: false }).then(result => {
-            if (result) {
-                setCases(result.items);
-            }
-        });
-    }, [dispatchApi]);
-    const folderOptions = useMemo(() => {
-        if (!selectedCase?.items) {
-            return [];
-        }
-        const paths = new Set();
-        for (const item of selectedCase.items) {
-            if (!item.path) {
-                continue;
-            }
-            const parts = item.path.split('/');
-            parts.pop();
-            for (let i = 1; i <= parts.length; i++) {
-                paths.add(parts.slice(0, i).join('/'));
-            }
-        }
-        return Array.from(paths).sort();
-    }, [selectedCase]);
-    const fullPath = path ? `${path}/${title}` : title;
-    const isValid = !!selectedCase && !!title;
-    const onSubmit = async () => {
-        if (!selectedCase || records?.length < 1) {
-            return;
-        }
-        await dispatchApi(api.v2.case.items.post(selectedCase.case_id, {
-            path: fullPath,
-            value: records[0].howler.id,
-            type: records[0].__index
-        }));
-        close();
-    };
-    // TODO: No support currently for multiple records
-    return (_jsxs(Stack, { spacing: 2, p: 2, sx: { minWidth: 'min(800px, 60vw)', height: '100%' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.add_to_case') }), _jsx(Autocomplete, { options: cases, getOptionLabel: option => option.title ?? option.case_id ?? '', isOptionEqualToValue: (option, value) => option.case_id === value.case_id, value: selectedCase, disablePortal: true, onChange: (_ev, newVal) => {
-                    setSelectedCase(newVal);
-                    setPath('');
-                }, renderOption: (props, option) => (_createElement("li", { ...props, key: option.case_id, style: { ...props.style, display: 'flex', justifyContent: 'stretch', alignItems: 'stretch' } },
-                    _jsx(CaseCard, { case: option, slotProps: { card: { sx: { width: '100%' } } } }))), renderInput: params => (_jsx(TextField, { ...params, size: "small", placeholder: t('modal.cases.add_to_case.select_case'), fullWidth: true })) }), selectedCase && (_jsxs(_Fragment, { children: [_jsx(Autocomplete, { freeSolo: true, disablePortal: true, options: folderOptions, value: path, onInputChange: (_ev, newVal) => setPath(newVal), renderInput: params => (_jsx(TextField, { ...params, size: "small", placeholder: t('modal.cases.add_to_case.select_path'), fullWidth: true })) }), _jsx(TextField, { size: "small", placeholder: t('modal.cases.add_to_case.title'), value: title, onChange: ev => setTitle(ev.target.value), fullWidth: true }), title && (_jsx(Typography, { variant: "caption", color: "textSecondary", children: t('modal.cases.add_to_case.full_path', { path: fullPath }) }))] })), _jsx("div", { style: { flex: 1 } }), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", color: "error", onClick: close, children: t('cancel') }), _jsx(Button, { variant: "outlined", color: "success", disabled: !isValid, onClick: onSubmit, children: t('confirm') })] })] }));
-};
-export default AddToCaseModal;

package/components/routes/cases/modals/RenameItemModal.d.ts

@@ -1,9 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import type { Item } from '@cccsaurora/howler-ui/models/entities/generated/Item';
-import { type FC } from 'react';
-declare const RenameItemModal: FC<{
-    _case: Case;
-    leaf: Item;
-    onRenamed?: (updatedCase: Case) => void;
-}>;
-export default RenameItemModal;

package/components/routes/cases/modals/RenameItemModal.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Stack, TextField, Typography } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { useContext, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-const RenameItemModal = ({ _case, leaf, onRenamed }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const { close } = useContext(ModalContext);
-    const currentPath = leaf.path ?? '';
-    const lastSlash = currentPath.lastIndexOf('/');
-    const folderPrefix = lastSlash >= 0 ? currentPath.slice(0, lastSlash) : '';
-    const currentName = lastSlash >= 0 ? currentPath.slice(lastSlash + 1) : currentPath;
-    const [name, setName] = useState(currentName);
-    const newPath = folderPrefix ? `${folderPrefix}/${name}` : name;
-    const existingPaths = useMemo(() => new Set((_case.items ?? []).filter(item => item.value !== leaf.value).map(item => item.path)), [_case.items, leaf.value]);
-    const nameError = useMemo(() => {
-        if (!name.trim()) {
-            return t('modal.cases.rename_item.error.empty');
-        }
-        if (name.includes('/')) {
-            return t('modal.cases.rename_item.error.slash');
-        }
-        if (existingPaths.has(newPath)) {
-            return t('modal.cases.rename_item.error.taken');
-        }
-        return null;
-    }, [name, newPath, existingPaths, t]);
-    const isValid = !nameError;
-    const onSubmit = async () => {
-        if (!isValid || !_case.case_id || !leaf.value) {
-            return;
-        }
-        const updatedCase = await dispatchApi(api.v2.case.items.patch(_case.case_id, leaf.value, newPath));
-        if (updatedCase) {
-            onRenamed?.(updatedCase);
-            close();
-        }
-    };
-    return (_jsxs(Stack, { spacing: 2, p: 2, sx: { minWidth: 'min(600px, 60vw)' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.rename_item') }), folderPrefix && (_jsx(Typography, { variant: "body2", color: "textSecondary", children: t('modal.cases.rename_item.folder_path', { path: folderPrefix }) })), _jsx(TextField, { size: "small", label: t('modal.cases.rename_item.new_name'), value: name, onChange: ev => setName(ev.target.value), error: !!nameError, helperText: nameError ?? ' ', fullWidth: true, autoFocus: true, onKeyDown: ev => {
-                    if (ev.key === 'Enter' && isValid) {
-                        onSubmit();
-                    }
-                } }), _jsxs(Stack, { direction: "row", justifyContent: "flex-end", spacing: 1, children: [_jsx(Button, { onClick: close, color: "error", variant: "outlined", children: t('button.cancel') }), _jsx(Button, { onClick: onSubmit, color: "success", variant: "outlined", disabled: !isValid, children: t('button.confirm') })] })] }));
-};
-export default RenameItemModal;

package/components/routes/cases/modals/ResolveModal.d.ts

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

package/components/routes/cases/modals/ResolveModal.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowDown, OpenInNew } from '@mui/icons-material';
-import { Accordion, AccordionDetails, AccordionSummary, Autocomplete, Box, Button, Checkbox, Chip, CircularProgress, Divider, IconButton, LinearProgress, Skeleton, Stack, TextField, Typography } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
-import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
-import { RecordContext } from '@cccsaurora/howler-ui/components/app/providers/RecordProvider';
-import AnalyticLink from '@cccsaurora/howler-ui/components/elements/hit/elements/AnalyticLink';
-import EscalationChip from '@cccsaurora/howler-ui/components/elements/hit/elements/EscalationChip';
-import HitCard from '@cccsaurora/howler-ui/components/elements/hit/HitCard';
-import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
-import useHitActions from '@cccsaurora/howler-ui/components/hooks/useHitActions';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { isNil, uniq } from 'lodash-es';
-import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { useContextSelector } from 'use-context-selector';
-import useCase from '../hooks/useCase';
-const HitEntry = ({ hit, checked, onChange }) => {
-    if (!hit) {
-        return _jsx(Skeleton, { variant: "rounded", height: "40px", width: "100%" });
-    }
-    return (_jsxs(Accordion, { sx: { flexShrink: 0, px: 0, py: 0 }, children: [_jsx(AccordionSummary, { expandIcon: _jsx(KeyboardArrowDown, {}), sx: {
-                    px: 1,
-                    py: 0,
-                    minHeight: '48px !important',
-                    '& > *': {
-                        margin: '0 !important'
-                    }
-                }, children: _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, pr: 1, width: "100%", children: [!isNil(checked) && (_jsx(Checkbox, { size: "small", checked: checked, onClick: e => {
-                                onChange?.();
-                                e.preventDefault();
-                                e.stopPropagation();
-                            } })), _jsx(AnalyticLink, { hit: hit, compressed: true, alignSelf: "center" }), _jsx(EscalationChip, { hit: hit, layout: HitLayout.DENSE }), _jsx(Chip, { sx: { width: 'fit-content', display: 'inline-flex' }, label: hit.howler.status, size: "small", color: "primary" }), _jsx("div", { style: { flex: 1 } }), _jsx(IconButton, { size: "small", component: Link, to: `/hits/${hit.howler.id}`, children: _jsx(OpenInNew, { fontSize: "small" }) })] }) }), _jsx(AccordionDetails, { children: _jsx(HitCard, { id: hit.howler.id, layout: HitLayout.NORMAL, elevation: 0 }) })] }, hit.howler.id));
-};
-const ResolveModal = ({ case: _case, onConfirm }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const { close } = useContext(ModalContext);
-    const { config } = useContext(ApiConfigContext);
-    const { update: updateCase } = useCase({ case: _case });
-    const [loading, setLoading] = useState(true);
-    const [rationale, setRationale] = useState('');
-    const [assessment, setAssessment] = useState(null);
-    const [selectedHitIds, setSelectedHitIds] = useState(new Set());
-    const hitIds = useMemo(() => uniq((_case?.items ?? [])
-        .filter(item => item.type === 'hit')
-        .map(item => item.value)
-        .filter(Boolean)), [_case?.items]);
-    const loadRecords = useContextSelector(RecordContext, ctx => ctx.loadRecords);
-    const records = useContextSelector(RecordContext, ctx => ctx.records);
-    const hits = useMemo(() => hitIds.map(id => records[id]).filter(Boolean), [hitIds, records]);
-    const selectedHits = useMemo(() => hits.filter(hit => selectedHitIds.has(hit.howler.id)), [hits, selectedHitIds]);
-    const { assess } = useHitActions(selectedHits);
-    const unresolvedHits = useMemo(() => hitIds.filter(id => {
-        const record = records[id];
-        if (!record) {
-            // Treat missing records as unresolved until they are loaded
-            return true;
-        }
-        return record.howler.status !== 'resolved';
-    }), [hitIds, records]);
-    const handleConfirm = async () => {
-        setLoading(true);
-        try {
-            await assess(assessment, true, rationale);
-            setSelectedHitIds(new Set());
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const handleToggleHit = useCallback((hitId) => {
-        setSelectedHitIds(prev => {
-            const next = new Set(prev);
-            if (next.has(hitId)) {
-                next.delete(hitId);
-            }
-            else {
-                next.add(hitId);
-            }
-            return next;
-        });
-    }, []);
-    useEffect(() => {
-        (async () => {
-            try {
-                const result = await dispatchApi(api.search.hit.post({
-                    query: `howler.id:(${hitIds.join(' OR ')})`,
-                    metadata: ['analytic']
-                }));
-                loadRecords(result.items);
-            }
-            finally {
-                setLoading(false);
-            }
-        })();
-    }, [dispatchApi, hitIds, loadRecords]);
-    useEffect(() => {
-        if (loading || unresolvedHits.length > 0) {
-            return;
-        }
-        updateCase({ status: 'resolved' }).then(() => {
-            onConfirm();
-            close();
-        });
-    }, [close, loading, onConfirm, unresolvedHits.length, updateCase]);
-    return (_jsxs(Stack, { spacing: 2, p: 2, alignItems: "start", sx: { minWidth: 'min(1000px, 60vw)', maxHeight: '100%', height: '100%' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.resolve') }), _jsx(Typography, { children: t('modal.cases.resolve.description') }), _jsxs(Stack, { spacing: 1, overflow: "auto", width: "100%", flex: 1, children: [_jsxs(Stack, { direction: "row", spacing: 1, children: [_jsx(Box, { flex: 1, children: _jsx(TextField, { size: "small", fullWidth: true, placeholder: t('modal.rationale.label'), "aria-label": t('modal.rationale.label'), value: rationale, onChange: ev => setRationale(ev.target.value) }) }), _jsx(Box, { flex: 1, children: _jsx(Autocomplete, { size: "small", value: assessment, onChange: (_ev, _assessment) => setAssessment(_assessment), options: config.lookups['howler.assessment'], disablePortal: true, renderInput: params => (_jsx(TextField, { ...params, placeholder: t('hit.details.actions.assessment'), "aria-label": t('hit.details.actions.assessment'), fullWidth: true })) }) })] }), _jsxs(Stack, { position: "relative", children: [_jsx(Divider, {}), _jsx(LinearProgress, { sx: { opacity: +loading } })] }), hits
-                        .filter(hit => unresolvedHits.includes(hit.howler.id))
-                        .map(hit => (_jsx(HitEntry, { hit: hit, checked: selectedHitIds.has(hit.howler.id), onChange: () => handleToggleHit(hit.howler.id) }, hit.howler.id))), _jsxs(Accordion, { variant: "outlined", children: [_jsx(AccordionSummary, { expandIcon: _jsx(KeyboardArrowDown, {}), children: t('modal.cases.alerts.resolved') }), _jsx(AccordionDetails, { children: _jsx(Stack, { spacing: 1, children: hits
-                                        .filter(hit => !unresolvedHits.includes(hit.howler.id))
-                                        .map(hit => (_jsx(HitEntry, { hit: hit }, hit.howler.id))) }) })] })] }), _jsxs(Stack, { direction: "row", spacing: 1, alignSelf: "end", children: [_jsx(Button, { variant: "outlined", color: "error", onClick: close, children: t('cancel') }), _jsx(Button, { variant: "outlined", color: "success", disabled: loading || !assessment || !rationale || selectedHitIds.size === 0, startIcon: loading ? _jsx(CircularProgress, { size: 16, color: "inherit" }) : undefined, onClick: handleConfirm, children: t('confirm') })] })] }));
-};
-export default ResolveModal;

package/components/routes/cases/modals/ResolveModal.test.d.ts

@@ -1 +0,0 @@
-export {};