@cccsaurora/howler-ui 2.18.0-dev.700 → 2.18.0-dev.704

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/app/providers/RecordProvider.d.ts

@@ -1,23 +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 { WithMetadata } from '@cccsaurora/howler-ui/models/WithMetadata';
-import type { FC, PropsWithChildren } from 'react';
-export interface RecordContextType {
-    records: {
-        [index: string]: Hit | Observable;
-    };
-    selectedRecords: (Hit | Observable)[];
-    addRecordToSelection: (id: string) => void;
-    removeRecordFromSelection: (id: string) => void;
-    clearSelectedRecords: (except?: string) => void;
-    loadRecords: (hits: (Hit | Observable)[]) => void;
-    updateRecord: (newHit: Hit | Observable) => void;
-    getRecord: (id: string, force?: boolean) => Promise<WithMetadata<Hit | Observable>>;
-}
-export declare const RecordContext: import("use-context-selector").Context<RecordContextType>;
-/**
- * Central repository for storing individual hit data across the application. Allows efficient retrieval of hits across componenents.
- */
-declare const RecordProvider: FC<PropsWithChildren>;
-export declare const useHitContextSelector: <Selected>(selector: (value: RecordContextType) => Selected) => Selected;
-export default RecordProvider;

package/components/elements/ContextMenu.d.ts

@@ -1,56 +0,0 @@
-import { type SxProps } from '@mui/material';
-import type { ElementType, FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
-export type ContextMenuDivider = {
-    kind: 'divider';
-    id: string;
-    sx?: SxProps;
-};
-export type ContextMenuLeafItem = {
-    kind: 'item';
-    id: string;
-    icon?: ReactNode;
-    label: ReactNode;
-    disabled?: boolean;
-    onClick?: () => void;
-    /** When provided the item renders as a router Link instead of a button. */
-    to?: string;
-};
-export type ContextMenuSubItem = {
-    key: string;
-    label: ReactNode;
-    disabled?: boolean;
-    onClick?: () => void;
-};
-export type ContextMenuSubmenuItem = {
-    kind: 'submenu';
-    /**
-     * Identifier for this submenu. Used to derive:
-     *  - the MenuItem's DOM id (`${id}-menu-item`)
-     *  - the submenu Paper's DOM id (`${id}-submenu`)
-     */
-    id: string;
-    icon?: ReactNode;
-    label: ReactNode;
-    disabled?: boolean;
-    items: ContextMenuSubItem[];
-};
-export type ContextMenuEntry = ContextMenuDivider | ContextMenuLeafItem | ContextMenuSubmenuItem;
-interface ContextMenuProps {
-    items: ContextMenuEntry[];
-    /** Called after the menu opens, with the triggering event. */
-    onOpen?: MouseEventHandler<HTMLElement>;
-    /** Called when the menu closes. */
-    onClose?: () => void;
-    /** Wraps children + menu in this element. Defaults to Box. */
-    Component?: ElementType;
-    /** id applied to the wrapper element */
-    id?: string;
-}
-/**
- * Generic context menu component that renders a MUI Menu from a declarative
- * items structure supporting leaf items, dividers, and single-level submenus.
- *
- * Submenus appear on hover and are positioned to avoid screen overflow.
- */
-declare const ContextMenu: FC<PropsWithChildren<ContextMenuProps>>;
-export default ContextMenu;

package/components/elements/ContextMenu.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowRight } from '@mui/icons-material';
-import { Box, Divider, Fade, ListItemIcon, ListItemText, Menu, MenuItem, MenuList, Paper, useTheme } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { Link } from 'react-router-dom';
-/**
- * The margin at the bottom of the screen by which a submenu should be inverted.
- * If hovering within this many pixels of the bottom, the submenu renders upward.
- */
-const CONTEXTMENU_MARGIN = 350;
-/**
- * Generic context menu component that renders a MUI Menu from a declarative
- * items structure supporting leaf items, dividers, and single-level submenus.
- *
- * Submenus appear on hover and are positioned to avoid screen overflow.
- */
-const ContextMenu = ({ items, onOpen, onClose, Component = Box, id, children }) => {
-    const theme = useTheme();
-    const [show, setShow] = useState({});
-    const [anchorEl, setAnchorEl] = useState(null);
-    const [transformProps, setTransformProps] = useState({});
-    const handleClose = useCallback(() => {
-        setAnchorEl(null);
-        onClose?.();
-    }, [onClose]);
-    const handleContextMenu = useCallback(event => {
-        if (anchorEl) {
-            event.preventDefault();
-            handleClose();
-            return;
-        }
-        event.preventDefault();
-        if (window.innerHeight - event.clientY < 300) {
-            setTransformProps({
-                position: 'fixed',
-                bottom: `${window.innerHeight - event.clientY}px !important`,
-                top: 'unset !important',
-                left: `${event.clientX}px !important`
-            });
-        }
-        else {
-            setTransformProps({
-                position: 'fixed',
-                top: `${event.clientY}px !important`,
-                left: `${event.clientX}px !important`
-            });
-        }
-        setAnchorEl(event.target);
-        onOpen?.(event);
-    }, [anchorEl, handleClose, onOpen]);
-    /**
-     * Calculates positioning styles for a submenu based on the parent element's
-     * position relative to the viewport bottom.
-     */
-    const calculateSubMenuStyles = useCallback((parent) => {
-        const baseStyles = { position: 'absolute', maxHeight: '300px', overflow: 'auto' };
-        const defaultStyles = { ...baseStyles, top: 0, left: '100%' };
-        if (!parent) {
-            return defaultStyles;
-        }
-        const parentBounds = parent.getBoundingClientRect();
-        if (window.innerHeight - parentBounds.y < CONTEXTMENU_MARGIN) {
-            return { ...baseStyles, bottom: 0, left: '100%' };
-        }
-        return defaultStyles;
-    }, []);
-    // Reset submenu visibility whenever the menu is closed
-    useEffect(() => {
-        if (!anchorEl) {
-            setShow({});
-        }
-    }, [anchorEl]);
-    return (_jsxs(Component, { id: id, onContextMenu: handleContextMenu, children: [children, _jsx(Menu, { id: "record-menu", open: !!anchorEl, anchorEl: anchorEl, onClose: handleClose, slotProps: {
-                    paper: {
-                        sx: {
-                            ...transformProps,
-                            overflow: 'visible !important'
-                        },
-                        elevation: 2
-                    }
-                }, MenuListProps: {
-                    dense: true,
-                    sx: {
-                        minWidth: '250px',
-                        paddingY: '0 !important',
-                        '& > :first-child': {
-                            borderTopLeftRadius: theme.shape.borderRadius,
-                            borderTopRightRadius: theme.shape.borderRadius
-                        },
-                        '& > :last-child': {
-                            borderBottomLeftRadius: theme.shape.borderRadius,
-                            borderBottomRightRadius: theme.shape.borderRadius
-                        }
-                    }
-                }, anchorOrigin: { vertical: 'top', horizontal: 'left' }, onClick: handleClose, children: items.map(entry => {
-                    if (entry.kind === 'divider') {
-                        return _jsx(Divider, { sx: { my: '0 !important' } }, entry.id);
-                    }
-                    if (entry.kind === 'item') {
-                        if (entry.to) {
-                            return (_jsxs(MenuItem, { component: Link, to: entry.to, disabled: entry.disabled, children: [entry.icon && _jsx(ListItemIcon, { children: entry.icon }), _jsx(ListItemText, { children: entry.label })] }, entry.id));
-                        }
-                        return (_jsxs(MenuItem, { disabled: entry.disabled, onClick: entry.onClick, children: [entry.icon && _jsx(ListItemIcon, { children: entry.icon }), _jsx(ListItemText, { children: entry.label })] }, entry.id));
-                    }
-                    const { id: entryId, icon, label, disabled, items: subItems } = entry;
-                    return (_jsxs(MenuItem, { id: `${entryId}-menu-item`, sx: { position: 'relative' }, onMouseEnter: ev => setShow(_show => ({ ..._show, [entryId]: ev.target })), onMouseLeave: () => setShow(_show => ({ ..._show, [entryId]: null })), disabled: disabled, children: [icon && _jsx(ListItemIcon, { children: icon }), _jsx(ListItemText, { sx: { flex: 1 }, children: label }), !disabled && _jsx(KeyboardArrowRight, { fontSize: "small", sx: { color: 'text.secondary', mr: -1 } }), _jsx(Fade, { in: !!show[entryId], unmountOnExit: true, children: _jsx(Paper, { id: `${entryId}-submenu`, sx: calculateSubMenuStyles(show[entryId]), elevation: 2, children: _jsx(MenuList, { sx: { p: 0, borderTopLeftRadius: 0 }, dense: true, role: "group", children: subItems.map(subItem => (_jsx(MenuItem, { onClick: subItem.onClick, disabled: subItem.disabled, children: _jsx(ListItemText, { children: subItem.label }) }, subItem.key))) }) }) })] }, entryId));
-                }) })] }));
-};
-export default ContextMenu;

package/components/elements/ContextMenu.test.js

@@ -1,215 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { omit } from 'lodash-es';
-import { act } from 'react';
-import { vi } from 'vitest';
-// Mock react-router-dom Link
-vi.mock('react-router-dom', () => ({
-    Link: ({ to, children, ...props }) => (_jsx("a", { href: to, ...props, children: children }))
-}));
-// Stub MUI components to simple HTML equivalents
-vi.mock('@mui/material', async () => {
-    const actual = await vi.importActual('@mui/material');
-    return {
-        ...actual,
-        useTheme: () => ({ shape: { borderRadius: 4 } }),
-        Menu: ({ children, open, onClose, ...props }) => open ? (_jsx("div", { role: "menu", onClick: onClose, ...omit(props, ['sx', 'slotProps', 'MenuListProps', 'anchorOrigin', 'anchorEl']), children: children })) : null,
-        MenuItem: ({ children, onClick, disabled, component, to, id, onMouseEnter, onMouseLeave, ...props }) => {
-            const Component = component || 'div';
-            return (_jsx(Component, { role: "menuitem", onClick: onClick, "aria-disabled": disabled, href: to, id: id, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...omit(props, ['sx']), children: children }));
-        },
-        Fade: ({ children, in: inProp }) => (inProp ? _jsx(_Fragment, { children: children }) : null),
-        ListItemIcon: ({ children }) => _jsx("div", { children: children }),
-        ListItemText: ({ children }) => _jsx("div", { children: children }),
-        Divider: () => _jsx("hr", {}),
-        Paper: ({ children, id, ...props }) => (_jsx("div", { id: id, ...omit(props, ['sx', 'elevation']), children: children })),
-        MenuList: ({ children, ...props }) => (_jsx("div", { role: "group", ...omit(props, ['sx', 'dense']), children: children })),
-        Box: ({ children, id, onContextMenu, ...props }) => (_jsx("div", { id: id, onContextMenu: onContextMenu, ...omit(props, ['sx']), children: children }))
-    };
-});
-import ContextMenu, {} from './ContextMenu';
-const renderMenu = (items, opts = {}) => {
-    const { autoOpen = true, onOpen = vi.fn(), onClose = vi.fn() } = opts;
-    const utils = render(_jsx(ContextMenu, { items: items, onOpen: onOpen, onClose: onClose, id: "test-menu", children: _jsx("div", { id: "trigger", children: "trigger" }) }));
-    const openMenu = () => act(() => {
-        fireEvent.contextMenu(screen.getByTestId('trigger'));
-    });
-    if (autoOpen) {
-        openMenu();
-    }
-    return { ...utils, onOpen, onClose, openMenu };
-};
-describe('ContextMenu', () => {
-    describe('Visibility', () => {
-        it('renders nothing before right-click', () => {
-            const { container } = renderMenu([], { autoOpen: false });
-            expect(container.querySelector('[role="menu"]')).toBeNull();
-        });
-        it('renders the menu after right-click', () => {
-            renderMenu([]);
-            expect(screen.getByRole('menu')).toBeInTheDocument();
-        });
-        it('calls onClose when the menu is clicked', () => {
-            const { onClose } = renderMenu([]);
-            fireEvent.click(screen.getByRole('menu'));
-            expect(onClose).toHaveBeenCalledTimes(1);
-        });
-        it('closes on a second right-click (toggle)', () => {
-            const { openMenu } = renderMenu([]);
-            expect(screen.getByRole('menu')).toBeInTheDocument();
-            openMenu();
-            expect(screen.queryByRole('menu')).not.toBeInTheDocument();
-        });
-        it('calls onOpen when right-clicked', () => {
-            const onOpen = vi.fn();
-            renderMenu([], { onOpen });
-            expect(onOpen).toHaveBeenCalledTimes(1);
-        });
-        it('calls onClose when closed via toggle right-click', () => {
-            const onClose = vi.fn();
-            const { openMenu } = renderMenu([], { onClose });
-            openMenu();
-            expect(onClose).toHaveBeenCalledTimes(1);
-        });
-    });
-    describe('Leaf items', () => {
-        it('renders a plain button item', () => {
-            const onClick = vi.fn();
-            renderMenu([{ kind: 'item', id: 'action-1', label: 'Do something', onClick }]);
-            const item = screen.getByRole('menuitem');
-            expect(item).toHaveTextContent('Do something');
-        });
-        it('calls onClick when a plain item is clicked', () => {
-            const onClick = vi.fn();
-            renderMenu([{ kind: 'item', id: 'action-1', label: 'Do something', onClick }]);
-            fireEvent.click(screen.getByRole('menuitem'));
-            expect(onClick).toHaveBeenCalledTimes(1);
-        });
-        it('renders a link item with correct href', () => {
-            renderMenu([{ kind: 'item', id: 'link-1', label: 'Go somewhere', to: '/some/path' }]);
-            const link = screen.getByRole('menuitem');
-            expect(link).toHaveAttribute('href', '/some/path');
-        });
-        it('marks a disabled item with aria-disabled', () => {
-            renderMenu([{ kind: 'item', id: 'action-1', label: 'Disabled', disabled: true }]);
-            expect(screen.getByRole('menuitem')).toHaveAttribute('aria-disabled', 'true');
-        });
-        it('renders an icon alongside the label when provided', () => {
-            renderMenu([{ kind: 'item', id: 'icon-item', label: 'With icon', icon: _jsx("span", { id: "test-icon" }) }]);
-            expect(screen.getByTestId('test-icon')).toBeInTheDocument();
-            expect(screen.getByRole('menuitem')).toHaveTextContent('With icon');
-        });
-    });
-    describe('Dividers', () => {
-        it('renders a divider between items', () => {
-            renderMenu([
-                { kind: 'item', id: 'item-a', label: 'A' },
-                { kind: 'divider', id: 'sep' },
-                { kind: 'item', id: 'item-b', label: 'B' }
-            ]);
-            expect(screen.getByRole('separator')).toBeInTheDocument();
-            expect(screen.getAllByRole('menuitem')).toHaveLength(2);
-        });
-    });
-    describe('Submenu items', () => {
-        const subItems = [
-            { key: 'sub-a', label: 'Sub A', onClick: vi.fn() },
-            { key: 'sub-b', label: 'Sub B', onClick: vi.fn() }
-        ];
-        const submenuEntry = {
-            kind: 'submenu',
-            id: 'my-submenu',
-            label: 'Parent',
-            items: subItems
-        };
-        it('renders the parent submenu item', () => {
-            renderMenu([submenuEntry]);
-            expect(screen.getByText('Parent')).toBeInTheDocument();
-        });
-        it('does not show submenu content before hovering', () => {
-            renderMenu([submenuEntry]);
-            expect(screen.queryByText('Sub A')).not.toBeInTheDocument();
-        });
-        it('shows submenu content on mouse enter', async () => {
-            renderMenu([submenuEntry]);
-            const parent = screen.getByRole('menuitem');
-            act(() => {
-                fireEvent.mouseEnter(parent);
-            });
-            await waitFor(() => {
-                expect(screen.getByText('Sub A')).toBeInTheDocument();
-                expect(screen.getByText('Sub B')).toBeInTheDocument();
-            });
-        });
-        it('hides submenu after mouse leave', async () => {
-            renderMenu([submenuEntry]);
-            const parent = screen.getByRole('menuitem');
-            act(() => {
-                fireEvent.mouseEnter(parent);
-            });
-            await waitFor(() => {
-                expect(screen.getByText('Sub A')).toBeInTheDocument();
-            });
-            act(() => {
-                fireEvent.mouseLeave(parent);
-            });
-            await waitFor(() => {
-                expect(screen.queryByText('Sub A')).not.toBeInTheDocument();
-            });
-        });
-        it('calls the sub-item onClick when a sub-item is clicked', async () => {
-            const onClick = vi.fn();
-            renderMenu([
-                {
-                    kind: 'submenu',
-                    id: 'actions',
-                    label: 'Actions',
-                    items: [{ key: 'do-it', label: 'Do it', onClick }]
-                }
-            ]);
-            const parent = screen.getByRole('menuitem');
-            act(() => {
-                fireEvent.mouseEnter(parent);
-            });
-            await waitFor(() => {
-                expect(screen.getByText('Do it')).toBeInTheDocument();
-            });
-            fireEvent.click(screen.getByText('Do it'));
-            expect(onClick).toHaveBeenCalledTimes(1);
-        });
-        it('marks a disabled submenu parent with aria-disabled', () => {
-            renderMenu([{ ...submenuEntry, disabled: true }]);
-            expect(screen.getByRole('menuitem')).toHaveAttribute('aria-disabled', 'true');
-        });
-        it('does not show expand arrow when submenu is disabled', () => {
-            renderMenu([{ ...submenuEntry, disabled: true }]);
-            // The KeyboardArrowRight icon only renders when !disabled
-            expect(screen.queryByTestId('KeyboardArrowRightIcon')).not.toBeInTheDocument();
-        });
-        it('assigns correct DOM ids to submenu parent and panel', async () => {
-            renderMenu([submenuEntry]);
-            expect(document.getElementById('my-submenu-menu-item')).not.toBeNull();
-            const parent = screen.getByRole('menuitem');
-            act(() => {
-                fireEvent.mouseEnter(parent);
-            });
-            await waitFor(() => {
-                expect(document.getElementById('my-submenu-submenu')).not.toBeNull();
-            });
-        });
-    });
-    describe('Mixed item list', () => {
-        it('renders items in order', () => {
-            renderMenu([
-                { kind: 'item', id: 'first', label: 'First' },
-                { kind: 'divider', id: 'div-1' },
-                { kind: 'submenu', id: 'third', label: 'Third', items: [] },
-                { kind: 'item', id: 'fourth', label: 'Fourth' }
-            ]);
-            const items = screen.getAllByRole('menuitem');
-            expect(items[0]).toHaveTextContent('First');
-            expect(items[1]).toHaveTextContent('Third');
-            expect(items[2]).toHaveTextContent('Fourth');
-        });
-    });
-});

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,12 +0,0 @@
-import { type CardProps } from '@mui/material';
-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;
-    slotProps?: {
-        card?: CardProps;
-    };
-}>;
-export default CaseCard;

package/components/elements/case/CaseCard.js

@@ -1,42 +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, slotProps }) => {
-    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", ...slotProps?.card, sx: [
-            { p: 1, mb: 1, borderColor: theme.palette[STATUS_COLORS[_case.status]]?.main },
-            ...(Array.isArray(slotProps?.card?.sx) ? slotProps.card.sx : slotProps?.card?.sx ? [slotProps.card.sx] : [])
-        ], 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;