@cccsaurora/howler-ui 2.18.0-dev.766 → 2.18.0-dev.778

package/components/elements/case/CasePreview.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircleOutline, HourglassBottom, RadioButtonUnchecked, UpdateOutlined } from '@mui/icons-material';
-import { Chip, Stack, Tooltip, Typography, useTheme } from '@mui/material';
-import dayjs from 'dayjs';
-import { countBy } from 'lodash-es';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { twitterShort } from '@cccsaurora/howler-ui/utils/utils';
-import HowlerAvatar from '../display/HowlerAvatar';
-import StatusIcon from './StatusIcon';
-const CasePreview = ({ case: _case }) => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    const taskCounts = countBy(_case.tasks, task => task.complete);
-    return (_jsxs(Stack, { flex: 1, spacing: 1, sx: { overflow: 'hidden', borderBottom: `thin solid ${theme.palette.divider}`, pb: 1, mb: 0 }, children: [_jsxs(Stack, { direction: "row", spacing: 1, children: [_jsxs(Stack, { spacing: 1, children: [_jsx(Typography, { variant: "body1", fontWeight: "bold", children: _case.title }), _jsx(Typography, { variant: "caption", color: "textSecondary", children: _case.summary.trim().split('\n')[0] })] }), _jsx(StatusIcon, { status: _case.status }), _jsx("div", { style: { flex: 1 } }), _jsxs(Stack, { spacing: 1, alignItems: "end", children: [_case.start && _case.end && (_jsx(Tooltip, { title: dayjs(_case.updated).toString(), children: _jsx(Chip, { icon: _jsx(HourglassBottom, { fontSize: "small" }), size: "small", label: twitterShort(_case.start) + ' - ' + twitterShort(_case.end) }) })), _jsx(Tooltip, { title: dayjs(_case.updated).toString(), children: _jsx(Chip, { icon: _jsx(UpdateOutlined, { fontSize: "small" }), size: "small", label: twitterShort(_case.updated) }) })] })] }), _jsxs(Stack, { direction: "row", spacing: 1, children: [_case.participants?.length > 0 && (_jsx(Stack, { direction: "row", spacing: 1, children: _case.participants?.map(participant => (_jsx(HowlerAvatar, { sx: { height: '24px', width: '24px' }, userId: participant }, participant))) })), _jsx(Chip, { color: "success", icon: _jsx(CheckCircleOutline, {}), label: `${taskCounts.true ?? 0} ${t('complete')}` }), _jsx(Chip, { icon: _jsx(RadioButtonUnchecked, {}), label: `${taskCounts.false ?? 0} ${t('incomplete')}` })] })] }));
-};
-export default memo(CasePreview);

package/components/elements/case/StatusIcon.d.ts

@@ -1,5 +0,0 @@
-import type { FC } from 'react';
-declare const StatusIcon: FC<{
-    status: string;
-}>;
-export default StatusIcon;

package/components/elements/case/StatusIcon.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Check, HourglassBottom, Pause, Troubleshoot } from '@mui/icons-material';
-import { Tooltip } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-const StatusIcon = ({ status }) => {
-    const { t } = useTranslation();
-    return (_jsx(Tooltip, { title: t(`page.cases.status.${status}`), children: {
-            'in-progress': _jsx(HourglassBottom, { color: "warning" }),
-            'on-hold': _jsx(Pause, { color: "disabled" }),
-            resolved: _jsx(Check, { color: "success" })
-        }[status] ?? _jsx(Troubleshoot, { color: "primary" }) }));
-};
-export default StatusIcon;

package/components/elements/hit/elements/AnalyticLink.d.ts

@@ -1,9 +0,0 @@
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import { type FC } from 'react';
-declare const AnalyticLink: FC<{
-    hit: Hit;
-    lazy?: boolean;
-    compressed?: boolean;
-    alignSelf?: string;
-}>;
-export default AnalyticLink;

package/components/elements/hit/elements/AnalyticLink.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import useMatchers from '@cccsaurora/howler-ui/components/app/hooks/useMatchers';
-import { useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
-const AnalyticLink = ({ hit, lazy = false, compressed, alignSelf = 'start' }) => {
-    const { getMatchingAnalytic } = useMatchers(lazy);
-    const [analyticId, setAnalyticId] = useState();
-    useEffect(() => {
-        if (!hit?.howler.analytic) {
-            return;
-        }
-        getMatchingAnalytic(hit).then(analytic => setAnalyticId(analytic?.analytic_id));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [hit?.howler.analytic]);
-    return (_jsxs(Typography, { variant: compressed ? 'body1' : 'h6', fontWeight: compressed && 'bold', sx: { alignSelf, '& a': { color: 'text.primary' } }, children: [analyticId ? (_jsx(Link, { to: `/analytics/${analyticId}`, onAuxClick: e => {
-                    e.stopPropagation();
-                }, onClick: e => {
-                    e.stopPropagation();
-                }, children: hit.howler.analytic })) : (hit.howler.analytic), hit.howler.detection && ': ', hit.howler.detection] }));
-};
-export default AnalyticLink;

package/components/elements/hit/related/RelatedRecords.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Link as LinkIcon } from '@mui/icons-material';
-import { alpha, Box, Chip, Divider, Stack, useTheme } from '@mui/material';
-import CasePreview from '@cccsaurora/howler-ui/components/elements/case/CasePreview';
-import ChipPopper from '@cccsaurora/howler-ui/components/elements/display/ChipPopper';
-import ObservablePreview from '@cccsaurora/howler-ui/components/elements/observable/ObservablePreview';
-import useRelatedRecords from '@cccsaurora/howler-ui/components/hooks/useRelatedRecords';
-import { identity, uniq } from 'lodash-es';
-import { memo, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { isCase, isHit, isObservable } from '@cccsaurora/howler-ui/utils/typeUtils';
-import HitPreview from '../HitPreview';
-const RecordLink = ({ to, ariaLabel, children }) => {
-    const theme = useTheme();
-    return (_jsxs(Box, { p: 1, flex: 1, position: "relative", sx: {
-            '& > a': {
-                backgroundColor: 'transparent',
-                transition: theme.transitions.create('background-color', {
-                    duration: theme.transitions.duration.shortest
-                }),
-                '&:hover': {
-                    backgroundColor: alpha('#555', 0.5)
-                }
-            }
-        }, children: [_jsx(Link, { to: to, style: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 }, target: "_blank", rel: "noopener noreferrer", "aria-label": ariaLabel }), children] }));
-};
-const RelatedRecords = ({ hit }) => {
-    const { t } = useTranslation();
-    const [open, setOpen] = useState(false);
-    const [filter, setFilter] = useState(null);
-    const related = useMemo(() => hit?.howler.related ?? [], [hit?.howler.related]);
-    const records = useRelatedRecords(related, open);
-    return (_jsxs(ChipPopper
-    // eslint-disable-next-line jsx-a11y/anchor-is-valid
-    , { 
-        // eslint-disable-next-line jsx-a11y/anchor-is-valid
-        icon: _jsx(LinkIcon, {}), label: _jsx("span", { style: { cursor: 'pointer' }, children: t('hit.header.related', { count: related.length }) }), slotProps: {
-            chip: { disabled: related.length < 1 },
-            paper: {
-                elevation: 4,
-                onAuxClick: ev => ev.stopPropagation()
-            }
-        }, disablePortal: false, placement: "bottom-end", onToggle: _open => setOpen(_open), children: [_jsx(Stack, { direction: "row", spacing: 1, mb: 1, justifyContent: "end", children: uniq(records.map(record => record.__index))
-                    .filter(identity)
-                    .map(_type => (_jsx(Chip, { color: _type === filter ? 'primary' : 'default', label: _type, onClick: () => setFilter(current => (current === _type ? null : _type)) }, _type))) }), _jsxs(Stack, { maxWidth: "40vw", maxHeight: "70vh", sx: { overflowY: 'auto' }, children: [_jsx(Divider, {}), records
-                        .filter(record => !filter || record.__index === filter)
-                        .map(entry => {
-                        if (isHit(entry)) {
-                            const key = entry.howler.id;
-                            return (_jsx(RecordLink, { to: `/hits/${key}`, ariaLabel: t('hit.header.view.hit', { id: key }), children: _jsx(HitPreview, { hit: entry }) }, key));
-                        }
-                        else if (isCase(entry)) {
-                            const key = entry.case_id;
-                            return (_jsx(RecordLink, { to: `/cases/${key}`, ariaLabel: t('hit.header.view.case', { id: key }), children: _jsx(CasePreview, { case: entry }) }, key));
-                        }
-                        else if (isObservable(entry)) {
-                            const key = entry.howler.id;
-                            return (_jsx(RecordLink, { to: `/observables/${key}`, ariaLabel: t('hit.header.view.observable', { id: key }), children: _jsx(ObservablePreview, { observable: entry }) }, key));
-                        }
-                    })] })] }));
-};
-export default memo(RelatedRecords);

package/components/elements/observable/ObservableCard.d.ts

@@ -1,6 +0,0 @@
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-declare const _default: import("react").NamedExoticComponent<{
-    id?: string;
-    observable?: Observable;
-}>;
-export default _default;

package/components/elements/observable/ObservableCard.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardContent, Skeleton } from '@mui/material';
-import { RecordContext } from '@cccsaurora/howler-ui/components/app/providers/RecordProvider';
-import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
-import { memo, useEffect } from 'react';
-import { useContextSelector } from 'use-context-selector';
-import ObservablePreview from './ObservablePreview';
-const ObservableCard = ({ id, observable: _observable }) => {
-    const getRecord = useContextSelector(RecordContext, ctx => ctx.getRecord);
-    const observable = useContextSelector(RecordContext, ctx => _observable ?? ctx.records[id]);
-    useEffect(() => {
-        if (!observable) {
-            getRecord(id);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [id]);
-    if (!observable) {
-        return _jsx(Skeleton, { variant: "rounded", height: "200px" });
-    }
-    return (_jsx(HowlerCard, { sx: { position: 'relative' }, children: _jsx(CardContent, { children: _jsx(ObservablePreview, { observable: observable }) }) }));
-};
-export default memo(ObservableCard);

package/components/elements/observable/ObservablePreview.d.ts

@@ -1,6 +0,0 @@
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-type PreviewProps = {
-    observable: Observable;
-};
-declare const _default: import("react").NamedExoticComponent<PreviewProps>;
-export default _default;

package/components/elements/observable/ObservablePreview.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { OpenInNew } from '@mui/icons-material';
-import { Chip, IconButton, Stack, Typography, useTheme } from '@mui/material';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-const ObservablePreview = ({ observable }) => {
-    const { t } = useTranslation();
-    const theme = useTheme();
-    return (_jsx(Stack, { flex: 1, spacing: 1, sx: { overflow: 'hidden', borderBottom: `thin solid ${theme.palette.divider}`, pb: 1, mb: 0 }, children: _jsxs(Stack, { children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { variant: "body1", fontWeight: "bold", children: observable.event.provider }), _jsx("div", { style: { flex: 1 } }), _jsx(Chip, { label: observable.event.kind }), observable.event.reference && (_jsx(IconButton, { size: "small", component: Link, to: observable.event.reference, sx: { opacity: 1 }, target: "_blank", rel: "noopener noreferrer", children: _jsx(OpenInNew, { fontSize: "small" }) }))] }), observable.event.type && (_jsxs(Typography, { variant: "caption", children: [t('event.type'), " - ", observable.event.type.join(', ')] })), observable.event.module && (_jsxs(Typography, { variant: "caption", children: [t('event.module'), " - ", observable.event.module] }))] }) }));
-};
-export default memo(ObservablePreview);

package/components/elements/record/RecordContextMenu.js

@@ -1,256 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AddCircleOutline, Assignment, CreateNewFolder, Edit, HowToVote, NoteAdd, OpenInNew, QueryStats, RemoveCircleOutline, SettingsSuggest, Terminal } from '@mui/icons-material';
-import api from '@cccsaurora/howler-ui/api';
-import useMatchers from '@cccsaurora/howler-ui/components/app/hooks/useMatchers';
-import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
-import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
-import { ParameterContext } from '@cccsaurora/howler-ui/components/app/providers/ParameterProvider';
-import { RecordContext } from '@cccsaurora/howler-ui/components/app/providers/RecordProvider';
-import ContextMenu, {} from '@cccsaurora/howler-ui/components/elements/ContextMenu';
-import { TOP_ROW, VOTE_OPTIONS } from '@cccsaurora/howler-ui/components/elements/hit/actions/SharedComponents';
-import useHitActions from '@cccsaurora/howler-ui/components/hooks/useHitActions';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import useMyActionFunctions from '@cccsaurora/howler-ui/components/routes/action/useMyActionFunctions';
-import AddToCaseModal from '@cccsaurora/howler-ui/components/routes/cases/modals/AddToCaseModal';
-import CreateCaseModal from '@cccsaurora/howler-ui/components/routes/cases/modals/CreateCaseModal';
-import { capitalize, get, groupBy, isEmpty, toString } from 'lodash-es';
-import howlerPluginStore from '@cccsaurora/howler-ui/plugins/store';
-import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { usePluginStore } from 'react-pluggable';
-import { useContextSelector } from 'use-context-selector';
-import { DEFAULT_QUERY } from '@cccsaurora/howler-ui/utils/constants';
-import { sanitizeLuceneQuery } from '@cccsaurora/howler-ui/utils/stringUtils';
-import { isHit } from '@cccsaurora/howler-ui/utils/typeUtils';
-/**
- * Order in which action types should be displayed in the context menu
- */
-const ORDER = ['assessment', 'vote', 'action'];
-/**
- * Icon mapping for different action types
- */
-const ICON_MAP = {
-    assessment: _jsx(Assignment, {}),
-    vote: _jsx(HowToVote, {}),
-    action: _jsx(Edit, {})
-};
-/**
- * Context menu component for hit operations.
- * Provides quick access to common hit actions including assessment, voting,
- * transitions, and exclusion filters based on template fields.
- */
-const RecordContextMenu = ({ children, getSelectedId, Component }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const { executeAction } = useMyActionFunctions();
-    const { config } = useContext(ApiConfigContext);
-    const { showModal } = useContext(ModalContext);
-    const pluginStore = usePluginStore();
-    const { getMatchingAnalytic, getMatchingTemplate } = useMatchers();
-    const query = useContextSelector(ParameterContext, ctx => ctx?.query);
-    const setQuery = useContextSelector(ParameterContext, ctx => ctx?.setQuery);
-    const [id, setId] = useState(null);
-    const record = useContextSelector(RecordContext, ctx => ctx.records[id]);
-    const selectedRecords = useContextSelector(RecordContext, ctx => ctx.selectedRecords);
-    const [analytic, setAnalytic] = useState(null);
-    const [template, setTemplate] = useState(null);
-    const [actions, setActions] = useState([]);
-    const records = useMemo(() => selectedRecords.some(_record => _record.howler.id === record?.howler.id)
-        ? selectedRecords
-        : record
-            ? [record]
-            : [], [record, selectedRecords]);
-    const hits = useMemo(() => records.filter(isHit), [records]);
-    const { availableTransitions, canVote, canAssess, assess, vote } = useHitActions(hits);
-    /**
-     * Called by ContextMenu after the menu is positioned and opened.
-     * Identifies the clicked record and fetches available actions.
-     */
-    const onOpen = useCallback(async (event) => {
-        const _id = getSelectedId(event);
-        setId(_id);
-        const _actions = (await dispatchApi(api.search.action.post({ query: 'action_id:*' }), { throwError: false }))
-            ?.items;
-        if (_actions) {
-            setActions(_actions);
-        }
-    }, [dispatchApi, getSelectedId]);
-    const rowStatus = useMemo(() => ({
-        assessment: canAssess,
-        vote: canVote
-    }), [canAssess, canVote]);
-    const pluginActions = howlerPluginStore.plugins.flatMap(plugin => pluginStore.executeFunction(`${plugin}.actions`, records));
-    /**
-     * Generates grouped action entries for the context menu.
-     * Combines transitions, plugin actions, votes, and assessments based on permissions.
-     */
-    const entries = useMemo(() => {
-        let _actions = [...availableTransitions, ...pluginActions];
-        if (canVote) {
-            _actions = [
-                ..._actions,
-                ...VOTE_OPTIONS.map(option => ({ ...option, actionFunction: () => vote(option.name.toLowerCase()) }))
-            ];
-        }
-        if (config.lookups?.['howler.assessment'] && canAssess) {
-            _actions = [
-                ..._actions,
-                ...config.lookups['howler.assessment']
-                    .filter(_assessment => analytic?.triage_settings?.valid_assessments
-                    ? analytic.triage_settings?.valid_assessments.includes(_assessment)
-                    : true)
-                    .sort((a, b) => +TOP_ROW.includes(b) - +TOP_ROW.includes(a))
-                    .map(assessment => ({
-                    type: 'assessment',
-                    name: assessment,
-                    actionFunction: async () => {
-                        await assess(assessment, analytic?.triage_settings?.skip_rationale);
-                    }
-                }))
-            ];
-        }
-        return Object.entries(groupBy(_actions, 'type')).sort(([a], [b]) => ORDER.indexOf(a) - ORDER.indexOf(b));
-    }, [analytic, assess, availableTransitions, canAssess, canVote, config.lookups, vote, pluginActions]);
-    // Load analytic and template data when a hit is selected
-    useEffect(() => {
-        if (!record?.howler.analytic) {
-            return;
-        }
-        getMatchingAnalytic(record).then(setAnalytic);
-        getMatchingTemplate(record).then(setTemplate);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [record]);
-    /**
-     * Builds the declarative items structure for the ContextMenu component.
-     */
-    const items = useMemo(() => {
-        const result = [
-            {
-                kind: 'item',
-                id: 'open-record',
-                icon: _jsx(OpenInNew, {}),
-                label: t(`${record?.__index ?? 'hit'}.open`),
-                disabled: !record,
-                to: `/${record?.__index}s/${record?.howler.id}`
-            }
-        ];
-        if (isHit(record)) {
-            result.push({
-                kind: 'item',
-                id: 'open-analytic',
-                icon: _jsx(QueryStats, {}),
-                label: t('analytic.open'),
-                disabled: !analytic,
-                to: `/analytics/${analytic?.analytic_id}`
-            });
-            result.push({ kind: 'divider', id: 'actions-divider' });
-            for (const [type, typeItems] of entries) {
-                result.push({
-                    kind: 'submenu',
-                    id: type,
-                    icon: ICON_MAP[type] ?? _jsx(Terminal, {}),
-                    label: t(`hit.details.actions.${type}`),
-                    disabled: rowStatus[type] === false,
-                    items: typeItems.map(a => ({
-                        key: a.name,
-                        label: a.i18nKey ? t(a.i18nKey) : capitalize(a.name),
-                        onClick: a.actionFunction
-                    }))
-                });
-            }
-            result.push({
-                kind: 'submenu',
-                id: 'actions',
-                icon: _jsx(SettingsSuggest, {}),
-                label: t('route.actions.change'),
-                disabled: actions.length < 1,
-                items: actions.map(action => ({
-                    key: action.action_id,
-                    label: action.name,
-                    onClick: () => executeAction(action.action_id, `howler.id:${record?.howler.id}`)
-                }))
-            });
-            if (!isEmpty(template?.keys ?? []) && setQuery) {
-                result.push({ kind: 'divider', id: 'filter-divider' });
-                result.push({
-                    kind: 'submenu',
-                    id: 'excludes',
-                    icon: _jsx(RemoveCircleOutline, {}),
-                    label: t('hit.panel.exclude'),
-                    items: (template?.keys ?? []).flatMap(key => {
-                        let newQuery = '';
-                        if (query !== DEFAULT_QUERY) {
-                            newQuery = `(${query}) AND `;
-                        }
-                        const value = get(record, key);
-                        if (!value) {
-                            return [];
-                        }
-                        else if (Array.isArray(value)) {
-                            const sanitizedValues = value
-                                .map(toString)
-                                .filter(val => !!val)
-                                .map(val => `"${sanitizeLuceneQuery(val)}"`);
-                            if (sanitizedValues.length < 1) {
-                                return [];
-                            }
-                            newQuery += `-${key}:(${sanitizedValues.join(' OR ')})`;
-                        }
-                        else {
-                            newQuery += `-${key}:"${sanitizeLuceneQuery(value.toString())}"`;
-                        }
-                        return [{ key, label: key, onClick: () => setQuery(newQuery) }];
-                    })
-                });
-                result.push({
-                    kind: 'submenu',
-                    id: 'includes',
-                    icon: _jsx(AddCircleOutline, {}),
-                    label: t('hit.panel.include'),
-                    items: (template?.keys ?? []).flatMap(key => {
-                        let newQuery = `(${query}) AND `;
-                        const value = get(record, key);
-                        if (!value) {
-                            return [];
-                        }
-                        else if (Array.isArray(value)) {
-                            const sanitizedValues = value
-                                .map(toString)
-                                .filter(val => !!val)
-                                .map(val => `"${sanitizeLuceneQuery(val)}"`);
-                            if (sanitizedValues.length < 1) {
-                                return [];
-                            }
-                            newQuery += `${key}:(${sanitizedValues.join(' OR ')})`;
-                        }
-                        else {
-                            newQuery += `${key}:"${sanitizeLuceneQuery(value.toString())}"`;
-                        }
-                        return [{ key, label: key, onClick: () => setQuery(newQuery) }];
-                    })
-                });
-            }
-        }
-        result.push({ kind: 'divider', id: 'add-to-case-divider' });
-        result.push({
-            kind: 'item',
-            id: 'add-to-case',
-            icon: _jsx(CreateNewFolder, {}),
-            label: t('modal.cases.add_to_case'),
-            disabled: !record,
-            onClick: () => showModal(_jsx(AddToCaseModal, { records: records }), { maxHeight: '90vh' })
-        });
-        result.push({
-            kind: 'item',
-            id: 'create-case',
-            icon: _jsx(NoteAdd, {}),
-            label: t('modal.cases.create_case'),
-            disabled: !record,
-            onClick: () => showModal(_jsx(CreateCaseModal, { records: records }), { maxHeight: '90vh' })
-        });
-        return result;
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [record, analytic, template, entries, rowStatus, actions, query, t, setQuery, executeAction, showModal, records]);
-    return (_jsx(ContextMenu, { id: "contextMenu", Component: Component, onOpen: onOpen, onClose: () => setAnalytic(null), items: items, children: children }));
-};
-export default RecordContextMenu;

package/components/elements/record/RecordContextMenu.test.d.ts

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

package/components/elements/record/RecordRelated.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 RecordRelated: FC<{
-    record: Hit | Observable;
-}>;
-export default RecordRelated;

package/components/elements/record/RecordRelated.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack, Tab, Tabs, useTheme } from '@mui/material';
-import ObservableCard from '@cccsaurora/howler-ui/components/elements/observable/ObservableCard';
-import useRelatedRecords from '@cccsaurora/howler-ui/components/hooks/useRelatedRecords';
-import { groupBy } from 'lodash-es';
-import { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Link } from 'react-router-dom';
-import { isCase, isHit, isObservable } from '@cccsaurora/howler-ui/utils/typeUtils';
-import CaseCard from '../case/CaseCard';
-import HitCard from '../hit/HitCard';
-import { HitLayout } from '../hit/HitLayout';
-import RelatedLink from '../hit/related/RelatedLink';
-const RecordRelated = ({ record }) => {
-    const theme = useTheme();
-    const { t } = useTranslation();
-    const related = useMemo(() => record?.howler.related ?? [], [record?.howler.related]);
-    const records = useRelatedRecords(related, related.length > 0);
-    const groups = groupBy(records, '__index');
-    const hasLinks = (record?.howler.links?.length ?? 0) > 0;
-    const tabs = [
-        hasLinks && 'links',
-        groups.hit?.length > 0 && 'hit',
-        groups.case?.length > 0 && 'case',
-        groups.observable?.length > 0 && 'observable'
-    ].filter(Boolean);
-    const [activeTab, setActiveTab] = useState(false);
-    const currentTab = activeTab !== false && tabs.includes(activeTab) ? activeTab : (tabs[0] ?? false);
-    if (!record) {
-        return null;
-    }
-    return (_jsxs(Box, { sx: { borderTop: `thin solid ${theme.palette.divider}`, height: '100%', flex: 1, mr: 2, pb: 2 }, children: [_jsxs(Tabs, { value: currentTab, onChange: (_, v) => setActiveTab(v), variant: "scrollable", scrollButtons: "auto", children: [hasLinks && _jsx(Tab, { value: "links", label: t('hit.related.tab.links') }), groups.hit?.length > 0 && _jsx(Tab, { value: "hit", label: t('hit.related.tab.hit') }), groups.case?.length > 0 && _jsx(Tab, { value: "case", label: t('hit.related.tab.case') }), groups.observable?.length > 0 && _jsx(Tab, { value: "observable", label: t('hit.related.tab.observable') })] }), currentTab === 'links' && (_jsx(Box, { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))", gap: 1, pt: 1, children: record.howler.links.map(l => (_jsx(RelatedLink, { ...l }, l.title + l.href))) })), currentTab === 'hit' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isHit).map(h => (_jsx(Link, { to: `/hits/${h.howler.id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(HitCard, { id: h.howler.id, layout: HitLayout.NORMAL }) }, h.howler.id))) })), currentTab === 'case' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isCase).map(c => (_jsx(Link, { to: `/cases/${c.case_id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(CaseCard, { case: c }) }, c.case_id))) })), currentTab === 'observable' && (_jsx(Stack, { spacing: 1, pt: 1, children: records.filter(isObservable).map(o => (_jsx(Link, { to: `/observables/${o.howler.id}`, target: "_blank", rel: "noopener noreferrer", style: { textDecoration: 'none' }, children: _jsx(ObservableCard, { observable: o }) }, o.howler.id))) }))] }));
-};
-export default RecordRelated;

package/components/hooks/useRelatedRecords.d.ts

@@ -1,13 +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 { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
-type MixedRecords = Hit | Observable | Case;
-/**
- * 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).
- */
-declare const useRelatedRecords: <T = MixedRecords>(ids: string[], enabled?: boolean) => WithMetadata<T>[];
-export default useRelatedRecords;

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,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack } from '@mui/material';
-import { memo } 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 });
-    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/Cases.d.ts

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