@cccsaurora/howler-ui 2.18.0-dev.799 → 2.18.0-dev.802

package/components/hooks/useRelatedRecords.js

@@ -1,32 +0,0 @@
-import api from '@cccsaurora/howler-ui/api';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { useEffect, useState } from 'react';
-/**
- * Fetches records matching the provided IDs from the hit, observable, and case indexes.
- *
- * @param ids - List of howler.id / case_id values to look up.
- * @param enabled - When false the fetch is skipped (e.g. while a panel is closed).
- */
-const useRelatedRecords = (ids, enabled = true) => {
-    const { dispatchApi } = useMyApi();
-    const [records, setRecords] = useState([]);
-    useEffect(() => {
-        if (!enabled || ids.length === 0) {
-            if (records.length > 0) {
-                setRecords([]);
-            }
-            return;
-        }
-        (async () => {
-            const joined = ids.join(' OR ');
-            const result = await dispatchApi(api.v2.search.post('hit,observable,case', {
-                query: `howler.id:(${joined}) OR case_id:(${joined})`
-            }), { throwError: false, showError: true });
-            if (result) {
-                setRecords(result.items);
-            }
-        })();
-    }, [dispatchApi, enabled, ids, records.length]);
-    return records;
-};
-export default useRelatedRecords;

package/components/routes/cases/CaseViewer.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react").NamedExoticComponent<{}>;
-export default _default;

package/components/routes/cases/CaseViewer.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack } from '@mui/material';
-import { SocketContext } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';
-import { memo, useContext, useEffect } from 'react';
-import { Outlet, useParams } from 'react-router-dom';
-import NotFoundPage from '../404';
-import ErrorBoundary from '../ErrorBoundary';
-import CaseDetails from './detail/CaseDetails';
-import CaseSidebar from './detail/CaseSidebar';
-import useCase from './hooks/useCase';
-const CaseViewer = () => {
-    const params = useParams();
-    const { case: _case, missing, update } = useCase({ caseId: params.id });
-    const { emit, open, fetchViewers } = useContext(SocketContext);
-    useEffect(() => {
-        if (!params.id) {
-            return;
-        }
-        fetchViewers(params.id);
-        if (open) {
-            emit({
-                broadcast: false,
-                action: 'viewing',
-                id: params.id
-            });
-            return () => {
-                emit({
-                    broadcast: false,
-                    action: 'stop_viewing',
-                    id: params.id
-                });
-            };
-        }
-    }, [emit, params.id, open, fetchViewers]);
-    if (missing) {
-        return _jsx(NotFoundPage, {});
-    }
-    return (_jsx(ErrorBoundary, { children: _jsxs(Stack, { direction: "row", height: "100%", children: [_jsx(CaseSidebar, { case: _case, update: updatedCase => update(updatedCase, false) }), _jsx(Box, { sx: {
-                        maxHeight: 'calc(100vh - 64px)',
-                        flex: 1,
-                        overflow: 'auto'
-                    }, children: _jsx(ErrorBoundary, { children: _jsx(Outlet, { context: _case }) }) }), _jsx(CaseDetails, { case: _case })] }) }));
-};
-export default memo(CaseViewer);

package/components/routes/cases/CaseViewer.test.d.ts

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

package/components/routes/cases/CaseViewer.test.js

@@ -1,133 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, waitFor } from '@testing-library/react';
-import { SocketContext } from '@cccsaurora/howler-ui/components/app/providers/SocketProvider';
-import { createMockCase } from '@cccsaurora/howler-ui/tests/utils';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-// ---------------------------------------------------------------------------
-// Hoisted mocks
-// ---------------------------------------------------------------------------
-const mockEmit = vi.hoisted(() => vi.fn());
-const mockFetchViewers = vi.hoisted(() => vi.fn().mockResolvedValue(undefined));
-const mockOpen = vi.hoisted(() => ({ current: true }));
-const mockAddListener = vi.hoisted(() => vi.fn());
-const mockRemoveListener = vi.hoisted(() => vi.fn());
-const mockParams = vi.hoisted(() => ({ id: 'case-1' }));
-const mockDispatchApi = vi.hoisted(() => vi.fn());
-// ---------------------------------------------------------------------------
-// Module-level mocks
-// ---------------------------------------------------------------------------
-vi.mock('components/hooks/useMyApi', () => ({
-    default: () => ({ dispatchApi: mockDispatchApi })
-}));
-vi.mock('react-router-dom', async () => {
-    const actual = await vi.importActual('react-router-dom');
-    return {
-        ...actual,
-        useParams: () => mockParams,
-        Outlet: () => _jsx("div", { id: "outlet" }),
-        useLocation: vi.fn(() => ({ pathname: '/', search: '' })),
-        useNavigate: () => vi.fn()
-    };
-});
-vi.mock('api', () => ({
-    default: {
-        v2: {
-            case: {
-                get: vi.fn(),
-                put: vi.fn()
-            }
-        }
-    }
-}));
-vi.mock('./detail/CaseDetails', () => ({
-    default: () => _jsx("div", { id: "case-details" })
-}));
-vi.mock('./detail/CaseSidebar', () => ({
-    default: () => _jsx("div", { id: "case-sidebar" })
-}));
-// ---------------------------------------------------------------------------
-// Import after mocks
-// ---------------------------------------------------------------------------
-import CaseViewer from './CaseViewer';
-// ---------------------------------------------------------------------------
-// Provider wrapper – uses the real SocketContext so both CaseViewer and its
-// useCase hook share the same context value provided here.
-// ---------------------------------------------------------------------------
-const createWrapper = () => {
-    const Wrapper = ({ children }) => (_jsx(SocketContext.Provider, { value: {
-            emit: mockEmit,
-            open: mockOpen.current,
-            fetchViewers: mockFetchViewers,
-            addListener: mockAddListener,
-            removeListener: mockRemoveListener,
-            status: 1,
-            reconnect: vi.fn(),
-            viewers: {}
-        }, children: children }));
-    return Wrapper;
-};
-// ---------------------------------------------------------------------------
-// Setup
-// ---------------------------------------------------------------------------
-beforeEach(() => {
-    mockEmit.mockClear();
-    mockOpen.current = true;
-    mockFetchViewers.mockClear().mockResolvedValue(undefined);
-    mockAddListener.mockClear();
-    mockRemoveListener.mockClear();
-    mockDispatchApi.mockReset().mockResolvedValue(createMockCase({ case_id: 'case-1' }));
-    mockParams.id = 'case-1';
-});
-// ---------------------------------------------------------------------------
-// Tests
-// ---------------------------------------------------------------------------
-describe('CaseViewer', () => {
-    it('fetches viewers on mount', async () => {
-        render(_jsx(CaseViewer, {}), { wrapper: createWrapper() });
-        await waitFor(() => {
-            expect(mockFetchViewers).toHaveBeenCalledWith('case-1');
-        });
-    });
-    it('emits viewing action when socket is open', async () => {
-        render(_jsx(CaseViewer, {}), { wrapper: createWrapper() });
-        await waitFor(() => {
-            expect(mockEmit).toHaveBeenCalledWith({
-                broadcast: false,
-                action: 'viewing',
-                id: 'case-1'
-            });
-        });
-    });
-    it('emits stop_viewing on unmount', async () => {
-        const { unmount } = render(_jsx(CaseViewer, {}), { wrapper: createWrapper() });
-        await waitFor(() => {
-            expect(mockEmit).toHaveBeenCalledWith({
-                broadcast: false,
-                action: 'viewing',
-                id: 'case-1'
-            });
-        });
-        mockEmit.mockClear();
-        unmount();
-        expect(mockEmit).toHaveBeenCalledWith({
-            broadcast: false,
-            action: 'stop_viewing',
-            id: 'case-1'
-        });
-    });
-    it('does not emit viewing when socket is closed', async () => {
-        mockOpen.current = false;
-        render(_jsx(CaseViewer, {}), { wrapper: createWrapper() });
-        await waitFor(() => {
-            expect(mockFetchViewers).toHaveBeenCalledWith('case-1');
-        });
-        expect(mockEmit).not.toHaveBeenCalled();
-    });
-    it('still fetches viewers when socket is closed', async () => {
-        mockOpen.current = false;
-        render(_jsx(CaseViewer, {}), { wrapper: createWrapper() });
-        await waitFor(() => {
-            expect(mockFetchViewers).toHaveBeenCalledWith('case-1');
-        });
-    });
-});

package/components/routes/cases/Cases.d.ts

@@ -1,2 +0,0 @@
-declare const Cases: () => import("react/jsx-runtime").JSX.Element;
-export default Cases;

package/components/routes/cases/Cases.js

@@ -1,148 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Topic } from '@mui/icons-material';
-import { Stack, Typography } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import { TuiListProvider } from '@cccsaurora/howler-ui/components/elements/addons/lists';
-import { TuiListMethodContext } from '@cccsaurora/howler-ui/components/elements/addons/lists/TuiListProvider';
-import ItemManager from '@cccsaurora/howler-ui/components/elements/display/ItemManager';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
-import dayjs from 'dayjs';
-import { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useNavigate, useSearchParams } from 'react-router-dom';
-import { DATE_RANGE_LUCENE, StorageKey } from '@cccsaurora/howler-ui/utils/constants';
-import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
-import CaseCard from '../../elements/case/CaseCard';
-import CaseAssigneeFilter from './search/CaseAssigneeFilter';
-import CaseDateFilter, {} from './search/CaseDateFilter';
-import CaseStatusFilter from './search/CaseStatusFilter';
-const buildPhraseQuery = (phrase) => {
-    const sanitized = sanitizeLuceneQuery(phrase);
-    if (!phrase) {
-        return '(title:* OR summary:* OR overview:* OR participants:* OR tasks.summary:* OR tasks.assignment:*)';
-    }
-    return (`(title:*${sanitized}* OR summary:*${sanitized}* OR overview:*${sanitized}* OR participants:*${sanitized}* ` +
-        `OR tasks.summary:*${sanitized}* OR tasks.assignment:*${sanitized}*)`);
-};
-const CasesBase = () => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { dispatchApi } = useMyApi();
-    const [searchParams, setSearchParams] = useSearchParams();
-    const { load } = useContext(TuiListMethodContext);
-    const pageCount = useMyLocalStorageItem(StorageKey.PAGE_COUNT, 25)[0];
-    const [phrase, setPhrase] = useState('');
-    const [offset, setOffset] = useState(parseInt(searchParams.get('offset')) || 0);
-    const [response, setResponse] = useState(null);
-    const [hasError, setHasError] = useState(false);
-    const [loading, setLoading] = useState(false);
-    const [statusFilter, setStatusFilter] = useState([]);
-    const [assigneeFilter, setAssigneeFilter] = useState([]);
-    const [dateRange, setDateRange] = useState('date.range.all');
-    const [customStart, setCustomStart] = useState(dayjs().subtract(2, 'days'));
-    const [customEnd, setCustomEnd] = useState(dayjs());
-    const filtersReady = useRef(false);
-    const buildFilters = useCallback(() => {
-        const filters = [];
-        if (statusFilter.length > 0) {
-            filters.push(`status:(${statusFilter.map(status => `"${status}"`).join(' OR ')})`);
-        }
-        if (assigneeFilter.length > 0) {
-            filters.push(assigneeFilter
-                .map(assignee => `(participants:"${sanitizeLuceneQuery(assignee)}" OR tasks.assignment:"${sanitizeLuceneQuery(assignee)}")`)
-                .join(' OR '));
-        }
-        const lucene = DATE_RANGE_LUCENE[dateRange];
-        if (lucene) {
-            filters.push(`created:[${lucene} TO now]`);
-        }
-        else if (dateRange === 'date.range.custom') {
-            filters.push(`created:[${customStart.toISOString()} TO ${customEnd.toISOString()}]`);
-        }
-        return filters;
-    }, [statusFilter, assigneeFilter, dateRange, customStart, customEnd]);
-    const onSearch = useCallback(async () => {
-        try {
-            setLoading(true);
-            setHasError(false);
-            if (phrase) {
-                searchParams.set('phrase', phrase);
-            }
-            else {
-                searchParams.delete('phrase');
-            }
-            setSearchParams(searchParams, { replace: true });
-            const filters = buildFilters();
-            setResponse(await dispatchApi(api.search.case.post({
-                query: buildPhraseQuery(phrase),
-                filters,
-                rows: pageCount,
-                offset
-            })));
-        }
-        catch (e) {
-            setHasError(true);
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [buildFilters, phrase, setSearchParams, searchParams, dispatchApi, pageCount, offset]);
-    // Load the items into list when response changes.
-    useEffect(() => {
-        if (response) {
-            load(response.items.map((item) => ({
-                id: item.case_id,
-                item,
-                selected: false,
-                cursor: false
-            })));
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [response, load]);
-    const onPageChange = useCallback((_offset) => {
-        if (_offset !== offset) {
-            searchParams.set('offset', _offset.toString());
-            setSearchParams(searchParams, { replace: true });
-            setOffset(_offset);
-        }
-    }, [offset, searchParams, setSearchParams]);
-    useEffect(() => {
-        onSearch();
-        if (!searchParams.has('offset')) {
-            searchParams.set('offset', '0');
-            setSearchParams(searchParams, { replace: true });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        if (response?.total <= offset) {
-            setOffset(0);
-            searchParams.set('offset', '0');
-            setSearchParams(searchParams, { replace: true });
-        }
-    }, [offset, response?.total, searchParams, setSearchParams]);
-    useEffect(() => {
-        if (!loading) {
-            onSearch();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [offset]);
-    // Re-search when filter chips change, but skip the initial render.
-    useEffect(() => {
-        if (!filtersReady.current) {
-            filtersReady.current = true;
-            return;
-        }
-        if (!loading) {
-            onSearch();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [statusFilter, assigneeFilter, dateRange, customStart, customEnd]);
-    const renderer = useCallback((item, className) => _jsx(CaseCard, { case: item, className: className }), []);
-    return (_jsx(ItemManager, { onSearch: onSearch, onPageChange: onPageChange, phrase: phrase, setPhrase: setPhrase, hasError: hasError, searching: loading, aboveSearch: _jsx(Typography, { sx: theme => ({ fontStyle: 'italic', color: theme.palette.text.disabled, mb: 0.5 }), variant: "body2", children: t('route.cases.search.prompt') }), searchFilters: _jsxs(Stack, { direction: "row", spacing: 1, useFlexGap: true, sx: { mt: 0.5, flexWrap: 'wrap' }, children: [_jsx(CaseStatusFilter, { statusFilter: statusFilter, onChange: setStatusFilter }), _jsx(CaseAssigneeFilter, { assigneeFilter: assigneeFilter, onChange: setAssigneeFilter }), _jsx(CaseDateFilter, { dateRange: dateRange, onChange: setDateRange, customStart: customStart, customEnd: customEnd, onCustomStartChange: setCustomStart, onCustomEndChange: setCustomEnd })] }), renderer: ({ item }, classRenderer) => renderer(item.item, classRenderer()), response: response, onSelect: (item) => navigate(`/cases/${item.id}`), onCreate: () => navigate('/cases/create'), createPrompt: "route.cases.create", searchPrompt: "route.cases.manager.search", createIcon: _jsx(Topic, { sx: { mr: 1 } }) }));
-};
-const Cases = () => {
-    return (_jsx(TuiListProvider, { children: _jsx(CasesBase, {}) }));
-};
-export default Cases;

package/components/routes/cases/constants.d.ts

@@ -1,6 +0,0 @@
-export declare const ESCALATION_COLOR_MAP: {
-    normal: string;
-    focus: string;
-    crisis: string;
-};
-export declare const CASE_STATUSES: readonly ["open", "in-progress", "on-hold", "resolved"];

package/components/routes/cases/constants.js

@@ -1,6 +0,0 @@
-export const ESCALATION_COLOR_MAP = {
-    normal: 'default',
-    focus: 'warning',
-    crisis: 'error'
-};
-export const CASE_STATUSES = ['open', 'in-progress', 'on-hold', 'resolved'];

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

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

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

@@ -1,33 +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?.length > 0 &&
-                alertPages[alertPage - 1].map(item => (_jsxs(Box, { position: "relative", children: [_jsx(HitCard, { layout: HitLayout.DENSE, id: item.value, lazy: true }), _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.path)))] }));
-};
-export default AlertPanel;

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

@@ -1,11 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-import { type AssetEntry } from './assets/Asset';
-/** Deduplicate and merge seenIn lists into a map keyed by `type:value` */
-export declare const buildAssetEntries: (records: Partial<Hit | Observable>[]) => AssetEntry[];
-declare const _default: import("react").NamedExoticComponent<{
-    case?: Case;
-    caseId?: string;
-}>;
-export default _default;

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

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Chip, Grid, Skeleton, Stack, Typography } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { memo, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useOutletContext } from 'react-router-dom';
-import useCase from '../hooks/useCase';
-import Asset, {} from './assets/Asset';
-/** All Related fields that carry asset values */
-const ASSET_FIELDS = ['hash', 'hosts', 'ip', 'user', 'ids', 'id', 'uri', 'signature'];
-/** Extract (type, value, seenInId) triples from a record's related field */
-const extractAssets = (related, recordId) => {
-    if (!related) {
-        return [];
-    }
-    const results = [];
-    for (const field of ASSET_FIELDS) {
-        const raw = related[field];
-        if (!raw) {
-            continue;
-        }
-        const values = Array.isArray(raw) ? raw : [raw];
-        for (const value of values) {
-            if (value) {
-                results.push({ type: field, value: String(value), id: recordId });
-            }
-        }
-    }
-    return results;
-};
-/** Deduplicate and merge seenIn lists into a map keyed by `type:value` */
-export const buildAssetEntries = (records) => {
-    const map = new Map();
-    for (const record of records) {
-        const related = record.related ?? record.related;
-        const recordId = record.howler?.id ?? record.howler?.id;
-        if (!recordId) {
-            continue;
-        }
-        for (const { type, value, id } of extractAssets(related, recordId)) {
-            const key = `${type}:${value}`;
-            if (!map.has(key)) {
-                map.set(key, { type, value, seenIn: [] });
-            }
-            const entry = map.get(key);
-            if (!entry.seenIn.includes(id)) {
-                entry.seenIn.push(id);
-            }
-        }
-    }
-    return Array.from(map.values());
-};
-const RELATED_FIELDS = ASSET_FIELDS.map(f => `related.${f}`).join(',');
-const CaseAssets = ({ case: providedCase, caseId }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const routeCase = useOutletContext();
-    const { case: _case } = useCase({ case: providedCase ?? routeCase, caseId });
-    const [records, setRecords] = useState(null);
-    const [activeFilters, setActiveFilters] = useState(new Set());
-    const ids = useMemo(() => (_case?.items ?? [])
-        .filter(item => ['hit', 'observable'].includes(item.type))
-        .map(item => item.value)
-        .filter(val => !!val), [_case?.items]);
-    useEffect(() => {
-        if (ids.length < 1) {
-            setRecords([]);
-            return;
-        }
-        dispatchApi(api.v2.search.post(['hit', 'observable'], {
-            query: `howler.id:(${ids.join(' OR ')})`,
-            fl: `howler.id,${RELATED_FIELDS}`
-        })).then(response => setRecords(response.items));
-    }, [dispatchApi, ids]);
-    const allAssets = useMemo(() => (records ? buildAssetEntries(records) : []), [records]);
-    const assetTypes = useMemo(() => (allAssets ? [...new Set(allAssets.map(a => a.type))].sort() : []), [allAssets]);
-    const filteredAssets = useMemo(() => {
-        if (allAssets.length < 1) {
-            return [];
-        }
-        if (activeFilters.size === 0) {
-            return allAssets;
-        }
-        return allAssets.filter(a => activeFilters.has(a.type));
-    }, [allAssets, activeFilters]);
-    const toggleFilter = (type) => {
-        setActiveFilters(prev => {
-            const next = new Set(prev);
-            if (next.has(type)) {
-                next.delete(type);
-            }
-            else {
-                next.add(type);
-            }
-            return next;
-        });
-    };
-    if (!_case) {
-        return null;
-    }
-    return (_jsxs(Grid, { container: true, spacing: 2, px: 2, children: [_jsx(Grid, { item: true, xs: 12, children: _jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, flexWrap: "wrap", children: [_jsx(Typography, { variant: "subtitle2", color: "text.secondary", children: t('page.cases.assets.filter_by_type') }), records === null ? (_jsx(Skeleton, { width: 240, height: 32 })) : (assetTypes.map(type => (_jsx(Chip, { label: t(`page.cases.assets.type.${type}`), size: "small", onClick: () => toggleFilter(type), color: activeFilters.has(type) ? 'primary' : 'default', variant: activeFilters.has(type) ? 'filled' : 'outlined' }, type))))] }) }), records === null ? (Array.from({ length: 6 }, (_, i) => (_jsx(Grid, { item: true, xs: 12, sm: 6, md: 4, xl: 3, children: _jsx(Skeleton, { height: 100 }) }, `skeleton-${i}`)))) : filteredAssets.length === 0 ? (_jsx(Grid, { item: true, xs: 12, children: _jsx(Typography, { color: "text.secondary", children: t('page.cases.assets.empty') }) })) : (filteredAssets.map(asset => (_jsx(Grid, { item: true, xs: 12, md: 6, xl: 4, children: _jsx(Asset, { asset: asset, case: _case }) }, `${asset.type}:${asset.value}`))))] }));
-};
-export default memo(CaseAssets);

package/components/routes/cases/detail/CaseAssets.test.d.ts

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