@cccsaurora/howler-ui 2.17.0-dev.600 → 2.17.1

package/utils/constants.d.ts

@@ -5,9 +5,9 @@ export declare const VERSION: any;
 export declare const MY_LOCAL_STORAGE_PREFIX = "howler.ui";
 export declare const MY_SESSION_STORAGE_PREFIX = "howler.ui.cache";
 export declare const ESCALATION_COLORS: {
-    alert: "warning";
-    evidence: "error";
-    hit: "primary";
+    alert: string;
+    evidence: string;
+    hit: string;
 };
 export declare const STATUS_COLORS: {
     open: string;
@@ -53,6 +53,7 @@ export declare enum StorageKey {
     ONLY_RULES = "only_rules",
     PAGE_COUNT = "page_count",
     SEARCH_PANE_WIDTH = "search_pane_width",
+    TEMPLATE_FIELD_COUNT = "template_field_count",
     GRID_COLLAPSE_COLUMN = "grid_collapse_column",
     QUERY_HISTORY = "query_history",
     LOGIN_NONCE = "login_nonce",

package/utils/constants.js

@@ -58,6 +58,7 @@ export var StorageKey;
     StorageKey["ONLY_RULES"] = "only_rules";
     StorageKey["PAGE_COUNT"] = "page_count";
     StorageKey["SEARCH_PANE_WIDTH"] = "search_pane_width";
+    StorageKey["TEMPLATE_FIELD_COUNT"] = "template_field_count";
     StorageKey["GRID_COLLAPSE_COLUMN"] = "grid_collapse_column";
     StorageKey["QUERY_HISTORY"] = "query_history";
     StorageKey["LOGIN_NONCE"] = "login_nonce";

package/api/search/case.d.ts

@@ -1,4 +0,0 @@
-import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-export declare const uri: () => string;
-export declare const post: (request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<Case>>;

package/api/search/case.js

@@ -1,8 +0,0 @@
-import { hpost, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/search';
-export const uri = () => {
-    return joinUri(parentUri(), 'case');
-};
-export const post = (request) => {
-    return hpost(uri(), { ...(request || {}), query: request?.query || 'case_id:*' });
-};

package/api/v2/case/index.d.ts

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-export declare const uri: (id?: string) => string;
-export declare const get: (id: string) => Promise<Case>;
-export declare const post: (newData: Partial<Case>) => Promise<Case>;
-export declare const put: (id: string, _case: Partial<Case>) => Promise<Case>;
-export declare const del: (id: string) => Promise<void>;

package/api/v2/case/index.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hdelete, hget, hpost, hput, joinAllUri, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
-export const uri = (id) => {
-    return id ? joinAllUri(parentUri(), 'case', id) : joinUri(parentUri(), 'case');
-};
-export const get = (id) => {
-    return hget(uri(id));
-};
-export const post = (newData) => {
-    return hpost(uri(), newData);
-};
-export const put = (id, _case) => {
-    return hput(uri(id), _case);
-};
-export const del = (id) => {
-    return hdelete(uri(id));
-};

package/api/v2/index.d.ts

@@ -1,4 +0,0 @@
-import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
-import * as search from '@cccsaurora/howler-ui/api/v2/search';
-export declare const uri: () => string;
-export { case_ as case, search };

package/api/v2/index.js

@@ -1,6 +0,0 @@
-import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
-import * as search from '@cccsaurora/howler-ui/api/v2/search';
-export const uri = () => {
-    return '/api/v2';
-};
-export { case_ as case, search };

package/api/v2/search/facet.d.ts

@@ -1,3 +0,0 @@
-import type { HowlerFacetSearchRequest, HowlerFacetSearchResponse } from '@cccsaurora/howler-ui/api/search/facet';
-export declare const uri: (indexes: string[]) => string;
-export declare const post: (indexes: string | string[], request?: HowlerFacetSearchRequest) => Promise<HowlerFacetSearchResponse>;

package/api/v2/search/facet.js

@@ -1,12 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
-export const uri = (indexes) => {
-    return joinAllUri(parentUri(), 'search', 'facet', indexes.join(','));
-};
-export const post = (indexes, request) => {
-    if (typeof indexes === 'string') {
-        indexes = indexes.split(',');
-    }
-    return hpost(uri(indexes), { ...(request || {}), query: request?.query || 'howler.id:*' });
-};

package/api/v2/search/index.d.ts

@@ -1,5 +0,0 @@
-import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
-import * as facet from './facet';
-export declare const uri: (indexes: string[]) => string;
-export declare const post: <T = any>(indexes: string | string[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>;
-export { facet };

package/api/v2/search/index.js

@@ -1,24 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
-import { identity, isNil } from 'lodash-es';
-import * as facet from './facet';
-export const uri = (indexes) => {
-    return joinAllUri(parentUri(), 'search', indexes.join(','));
-};
-export const post = (indexes, request) => {
-    if (isNil(indexes)) {
-        throw new Error('Indexes cannot be null or undefined.');
-    }
-    if (typeof indexes === 'string') {
-        indexes = indexes.split(',').filter(identity);
-    }
-    if (indexes.some(index => !['hit', 'observable', 'case'].includes(index))) {
-        throw new Error('Only hit, case and observable indexes should be used currently.');
-    }
-    if (indexes.length < 1) {
-        throw new Error('indexes must have length of at least 1.');
-    }
-    return hpost(uri(indexes), { ...(request || {}), query: request?.query || 'howler.id:*' });
-};
-export { facet };

package/components/elements/ObjectDetails.d.ts

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

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

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

package/components/elements/case/CaseCard.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CheckCircleOutline, HourglassBottom, RadioButtonUnchecked, UpdateOutlined } from '@mui/icons-material';
-import { Card, Chip, Divider, Grid, Skeleton, Stack, Tooltip, Typography, useTheme } from '@mui/material';
-import api from '@cccsaurora/howler-ui/api';
-import StatusIcon from '@cccsaurora/howler-ui/components/elements/case/StatusIcon';
-import HowlerAvatar from '@cccsaurora/howler-ui/components/elements/display/HowlerAvatar';
-import PluginChip from '@cccsaurora/howler-ui/components/elements/PluginChip';
-import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import dayjs from 'dayjs';
-import { countBy } from 'lodash-es';
-import { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { twitterShort } from '@cccsaurora/howler-ui/utils/utils';
-const STATUS_COLORS = {
-    resolved: 'success'
-};
-const CaseCard = ({ case: providedCase, caseId, className }) => {
-    const { t } = useTranslation();
-    const { dispatchApi } = useMyApi();
-    const theme = useTheme();
-    const [_case, setCase] = useState(providedCase);
-    useEffect(() => {
-        if (providedCase) {
-            setCase(providedCase);
-        }
-    }, [providedCase]);
-    useEffect(() => {
-        if (caseId) {
-            dispatchApi(api.v2.case.get(caseId), { throwError: false }).then(setCase);
-        }
-    }, [caseId, dispatchApi]);
-    if (!_case) {
-        return _jsx(Skeleton, { variant: "rounded", height: 250, sx: { mb: 1 }, className: className });
-    }
-    return (_jsx(Card, { variant: "outlined", sx: { p: 1, mb: 1, borderColor: theme.palette[STATUS_COLORS[_case.status]]?.main }, className: className, children: _jsx(Stack, { direction: "row", alignItems: "start", spacing: 1, children: _jsxs(Stack, { sx: { flex: 1 }, spacing: 1, children: [_jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(Typography, { variant: "h6", display: "flex", alignItems: "start", children: _case.title }), _jsx(StatusIcon, { status: _case.status }), _jsx("div", { style: { flex: 1 } }), _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) }) })] }), _jsx(Typography, { variant: "caption", color: "textSecondary", children: _case.summary.trim().split('\n')[0] }), _case.participants?.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Divider, { flexItem: true }), _jsx(Stack, { direction: "row", spacing: 1, children: _case.participants?.map(participant => (_jsx(HowlerAvatar, { sx: { height: '20px', width: '20px' }, userId: participant }, participant))) })] })), _jsx(Divider, { flexItem: true }), _jsxs(Grid, { container: true, spacing: 1, children: [_case.targets?.map(indicator => (_jsx(Grid, { item: true, children: _jsx(PluginChip, { size: "small", color: "primary", context: "casecard", variant: "outlined", value: indicator, label: indicator }) }, indicator))), _case.targets?.length > 0 && (_case.indicators?.length > 0 || _case.threats?.length > 0) && (_jsx(Grid, { item: true, children: _jsx(Divider, { orientation: "vertical" }) })), _case.indicators?.map(indicator => (_jsx(Grid, { item: true, children: _jsx(PluginChip, { variant: "outlined", context: "casecard", value: indicator, label: indicator }) }, indicator))), _case.indicators?.length > 0 && _case.threats?.length > 0 && (_jsx(Grid, { item: true, children: _jsx(Divider, { orientation: "vertical" }) })), _case.threats?.map(indicator => (_jsx(Grid, { item: true, children: _jsx(PluginChip, { size: "small", color: "warning", variant: "outlined", context: "casecard", value: indicator, label: indicator }) }, indicator)))] }), _case.tasks?.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Divider, { flexItem: true }), _jsxs(Stack, { spacing: 0.5, alignItems: "start", children: [_case.tasks.some(task => task.complete) && (_jsx(Chip, { size: "small", color: "success", icon: _jsx(CheckCircleOutline, {}), label: `${countBy(_case.tasks, task => task.complete).true} ${t('complete')}` })), _case.tasks
-                                        .filter(task => !task.complete)
-                                        .map(task => (_jsx(Chip, { icon: _jsx(RadioButtonUnchecked, {}), label: task.summary }, task.id)))] })] }))] }) }) }, _case.case_id));
-};
-export default CaseCard;

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

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

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,8 +0,0 @@
-import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import { type FC } from 'react';
-declare const AnalyticLink: FC<{
-    hit: Hit;
-    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, compressed, alignSelf = 'start' }) => {
-    const { getMatchingAnalytic } = useMatchers();
-    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,5 +0,0 @@
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-declare const _default: import("react").NamedExoticComponent<{
-    observable: Observable;
-}>;
-export default _default;

package/components/elements/observable/ObservableCard.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardContent } from '@mui/material';
-import HowlerCard from '@cccsaurora/howler-ui/components/elements/display/HowlerCard';
-import { memo } from 'react';
-import ObservablePreview from './ObservablePreview';
-const ObservableCard = ({ observable }) => (_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/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,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Stack } from '@mui/material';
-import { memo } from 'react';
-import { useParams } from 'react-router-dom';
-import NotFoundPage from '../404';
-import ErrorBoundary from '../ErrorBoundary';
-import CaseDashboard from './detail/CaseDashboard';
-import CaseDetails from './detail/CaseDetails';
-import CaseSidebar from './detail/CaseSidebar';
-import ItemPage from './detail/ItemPage';
-import useCase from './hooks/useCase';
-const CaseViewer = () => {
-    const params = useParams();
-    const { case: _case, missing } = useCase({ caseId: params.id });
-    if (missing) {
-        return _jsx(NotFoundPage, {});
-    }
-    return (_jsxs(Stack, { direction: "row", height: "100%", children: [_jsx(CaseSidebar, { case: _case }), _jsx(Box, { sx: {
-                    maxHeight: 'calc(100vh - 64px)',
-                    flex: 1,
-                    overflow: 'auto'
-                }, children: _jsx(ErrorBoundary, { children: !_case || location.pathname.endsWith(_case.case_id) ? (_jsx(CaseDashboard, { case: _case })) : (_jsx(ItemPage, { case: _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;

package/components/routes/cases/Cases.js

@@ -1,101 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Topic } from '@mui/icons-material';
-import { 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 { useCallback, useContext, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useNavigate, useSearchParams } from 'react-router-dom';
-import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
-import CaseCard from '../../elements/case/CaseCard';
-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 onSearch = useCallback(async () => {
-        try {
-            setLoading(true);
-            setHasError(false);
-            if (phrase) {
-                searchParams.set('phrase', phrase);
-            }
-            else {
-                searchParams.delete('phrase');
-            }
-            setSearchParams(searchParams, { replace: true });
-            // Check for the actual search query
-            const query = phrase ? `*:*${phrase}*` : '*:*';
-            // Ensure the overview should be visible and/or matches the type we are filtering for
-            setResponse(await dispatchApi(api.search.case.post({
-                query,
-                rows: pageCount,
-                offset
-            })));
-        }
-        catch (e) {
-            setHasError(true);
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [phrase, setSearchParams, searchParams, dispatchApi, pageCount, offset]);
-    // Load the items into list when response changes.
-    // This hook should only trigger when the '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]);
-    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') }), 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,5 +0,0 @@
-export declare const ESCALATION_COLOR_MAP: {
-    normal: string;
-    focus: string;
-    crisis: string;
-};

package/components/routes/cases/constants.js

@@ -1,5 +0,0 @@
-export const ESCALATION_COLOR_MAP = {
-    normal: 'default',
-    focus: 'warning',
-    crisis: 'error'
-};

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,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;