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

package/models/entities/generated/{ThreatEnrichment.d.ts → Enrichment.d.ts}

@@ -4,7 +4,7 @@ import type { Matched } from './Matched';
 /**
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
-export interface ThreatEnrichment {
+export interface Enrichment {
   indicator?: Indicator;
   matched?: Matched;
 }

package/models/entities/generated/Hit.d.ts

@@ -40,7 +40,6 @@ import type { Vulnerability } from './Vulnerability';
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Hit {
-  __index: 'hit';
   agent?: Agent;
   assemblyline?: Assemblyline;
   aws?: Aws;

package/models/entities/generated/Howler.d.ts

@@ -14,6 +14,8 @@ export interface Howler {
   analytic: string;
   assessment?: string;
   assignment: string;
+  bundle_size?: number;
+  bundles?: string[];
   comment?: HowlerComment[];
   confidence?: number;
   data?: string[];
@@ -22,8 +24,10 @@ export interface Howler {
   escalation?: string;
   expiry?: string;
   hash: string;
+  hits?: string[];
   id: string;
   incidents?: Incident[];
+  is_bundle?: boolean;
   labels?: Labels;
   links?: Link[];
   log?: Log[];

package/models/entities/generated/Rule.d.ts

@@ -2,6 +2,14 @@
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Rule {
-  destination?: string;
-  query?: string;
+  author?: string;
+  category?: string;
+  description?: string;
+  id?: string;
+  license?: string;
+  name?: string;
+  reference?: string;
+  ruleset?: string;
+  uuid?: string;
+  version?: string;
 }

package/models/entities/generated/Threat.d.ts

@@ -1,6 +1,6 @@
+import type { Enrichment } from './Enrichment';
 import type { Feed } from './Feed';
 import type { Software } from './Software';
-import type { ThreatEnrichment } from './ThreatEnrichment';
 import type { ThreatGroup } from './ThreatGroup';
 import type { ThreatIndicator } from './ThreatIndicator';
 import type { ThreatTactic } from './ThreatTactic';
@@ -10,7 +10,7 @@ import type { ThreatTechnique } from './ThreatTechnique';
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Threat {
-  enrichments?: ThreatEnrichment[];
+  enrichments?: Enrichment[];
   feed?: Feed;
   framework?: string;
   group?: ThreatGroup;

package/models/entities/generated/View.d.ts

@@ -12,5 +12,4 @@ export interface View {
   title?: string;
   type?: string;
   view_id?: string;
-  indexes?: string[];
 }

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.18.0-dev.716",
+  "version": "2.18.0-dev.722",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
@@ -131,9 +131,7 @@
     "./components/routes/advanced/*": "./components/routes/advanced/*.js",
     "./components/routes/templates/*": "./components/routes/templates/*.js",
     "./components/routes/analytics/*": "./components/routes/analytics/*.js",
-    "./components/routes/observables/*": "./components/routes/observables/*.js",
     "./components/routes/help/*": "./components/routes/help/*.js",
-    "./components/routes/cases/*": "./components/routes/cases/*.js",
     "./components/routes/overviews/*": "./components/routes/overviews/*.js",
     "./components/routes/home/*": "./components/routes/home/*.js",
     "./components/routes/home": "./components/routes/home/index.js",
@@ -152,23 +150,14 @@
     "./components/routes/help/components/*": "./components/routes/help/components/*.js",
     "./components/routes/help/markdown/fr/*.md": "./components/routes/help/markdown/fr/*.md.js",
     "./components/routes/help/markdown/en/*.md": "./components/routes/help/markdown/en/*.md.js",
-    "./components/routes/cases/modals/*": "./components/routes/cases/modals/*.js",
-    "./components/routes/cases/hooks/*": "./components/routes/cases/hooks/*.js",
-    "./components/routes/cases/detail/*": "./components/routes/cases/detail/*.js",
-    "./components/routes/cases/detail/sidebar/*": "./components/routes/cases/detail/sidebar/*.js",
-    "./components/routes/cases/detail/assets/*": "./components/routes/cases/detail/assets/*.js",
-    "./components/routes/cases/detail/aggregates/*": "./components/routes/cases/detail/aggregates/*.js",
     "./components/routes/overviews/template/*": "./components/routes/overviews/template/*.js",
     "./components/app/hooks/*": "./components/app/hooks/*.js",
     "./components/app/drawers/*": "./components/app/drawers/*.js",
     "./components/app/providers/*": "./components/app/providers/*.js",
     "./components/elements/view/*": "./components/elements/view/*.js",
     "./components/elements/addons/*": "./components/elements/addons/*.js",
-    "./components/elements/record/*": "./components/elements/record/*.js",
-    "./components/elements/case/*": "./components/elements/case/*.js",
     "./components/elements/display/*": "./components/elements/display/*.js",
     "./components/elements/hit/*": "./components/elements/hit/*.js",
-    "./components/elements/observable/*": "./components/elements/observable/*.js",
     "./components/elements/addons/search/*": "./components/elements/addons/search/*.js",
     "./components/elements/addons/lists/*": "./components/elements/addons/lists/*.js",
     "./components/elements/addons/lists": "./components/elements/addons/lists/index.js",
@@ -230,8 +219,6 @@
     "./commons/components/utils/hooks/*": "./commons/components/utils/hooks/*.js",
     "./api/action/*": "./api/action/*.js",
     "./api/action": "./api/action/index.js",
-    "./api/v2/*": "./api/v2/*.js",
-    "./api/v2": "./api/v2/index.js",
     "./api/view/*": "./api/view/*.js",
     "./api/view": "./api/view/index.js",
     "./api/notebook/*": "./api/notebook/*.js",
@@ -254,10 +241,6 @@
     "./api/search": "./api/search/index.js",
     "./api/template/*": "./api/template/*.js",
     "./api/template": "./api/template/index.js",
-    "./api/v2/case/*": "./api/v2/case/*.js",
-    "./api/v2/case": "./api/v2/case/index.js",
-    "./api/v2/search/*": "./api/v2/search/*.js",
-    "./api/v2/search": "./api/v2/search/index.js",
     "./api/analytic/notebooks/*": "./api/analytic/notebooks/*.js",
     "./api/analytic/notebooks": "./api/analytic/notebooks/index.js",
     "./api/analytic/comments/*": "./api/analytic/comments/*.js",

package/plugins/clue/components/ClueTypography.js

@@ -3,8 +3,8 @@ import EnrichedTypography from '@cccsaurora/clue-ui/components/EnrichedTypograph
 import { Typography } from '@mui/material';
 import { memo } from 'react';
 import { useType } from '../utils';
-const ClueTypography = ({ children, value, context, field, obj, ...props }) => {
-    const type = useType(obj, field, value);
+const ClueTypography = ({ children, value, context, field, hit, ...props }) => {
+    const type = useType(hit, field, value);
     if (!type) {
         return _jsx(Typography, { ...props, children: children ?? value });
     }

package/plugins/clue/utils.d.ts

@@ -1,3 +1,2 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-export declare const useType: (hit?: Hit | Observable, field?: string, value?: string) => any;
+export declare const useType: (hit?: Hit, field?: string, value?: string) => any;

package/tests/server-handlers.js

@@ -30,12 +30,7 @@ export const MOCK_RESPONSES = {
         total: 1,
         rows: 1
     },
-    '/api/v1/analytic': [createMockAnalytic()],
-    '/api/v2/search/hit,observable': {
-        items: [],
-        total: 0,
-        rows: 0
-    }
+    '/api/v1/analytic': [createMockAnalytic()]
 };
 const handlers = [
     ...Object.entries(MOCK_RESPONSES).map(([path, data]) => http.all(path, async () => HttpResponse.json({ api_response: data }))),

package/tests/utils.d.ts

@@ -1,20 +1,16 @@
 import type { Action } from '@cccsaurora/howler-ui/models/entities/generated/Action';
 import type { Analytic } from '@cccsaurora/howler-ui/models/entities/generated/Analytic';
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
 import type { Dossier } from '@cccsaurora/howler-ui/models/entities/generated/Dossier';
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
 import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
 import type { View } from '@cccsaurora/howler-ui/models/entities/generated/View';
 type RecursivePartial<T> = {
     [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
 };
 export declare const createMockHit: (overrides?: RecursivePartial<Hit>) => Hit;
-export declare const createMockObservable: (overrides?: RecursivePartial<Observable>) => Observable;
 export declare const createMockAnalytic: (overrides?: Partial<Analytic>) => Analytic;
 export declare const createMockTemplate: (overrides?: Partial<Template>) => Template;
 export declare const createMockAction: (overrides?: Partial<Action>) => Action;
 export declare const createMockView: (overrides?: Partial<View>) => View;
-export declare const createMockCase: (overrides?: Partial<Case>) => Case;
 export declare const createMockDossier: (overrides?: Partial<Dossier>) => Dossier;
 export {};

package/tests/utils.js

@@ -1,7 +1,5 @@
 // Mock data factories
 export const createMockHit = (overrides) => ({
-    ...overrides,
-    __index: 'hit',
     howler: {
         id: 'test-hit-1',
         analytic: 'test-analytic',
@@ -16,17 +14,6 @@ export const createMockHit = (overrides) => ({
         ...overrides?.event
     }
 });
-export const createMockObservable = (overrides) => ({
-    ...overrides,
-    __index: 'observable',
-    howler: {
-        id: 'test-observable-1',
-        analytic: 'test-analytic',
-        detection: 'Test Detection',
-        hash: '',
-        ...overrides?.howler
-    }
-});
 export const createMockAnalytic = (overrides) => ({
     analytic_id: 'test-analytic-id',
     name: 'test-analytic',
@@ -65,13 +52,6 @@ export const createMockView = (overrides) => ({
     },
     ...overrides
 });
-export const createMockCase = (overrides) => ({
-    case_id: 'test-case-id',
-    title: 'Test Case',
-    summary: 'Test case summary',
-    items: [],
-    ...overrides
-});
 // Helper function to create mock dossiers
 export const createMockDossier = (overrides) => ({
     dossier_id: 'test-dossier-id',

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;

package/utils/hitFunctions.d.ts

@@ -1,3 +1,2 @@
 import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
-import type { Observable } from '@cccsaurora/howler-ui/models/entities/generated/Observable';
-export declare const getUserList: (record: Hit | Observable) => Set<string>;
+export declare const getUserList: (hit: Hit) => Set<string>;

package/utils/hitFunctions.js

@@ -1,8 +1,8 @@
-export const getUserList = (record) => {
+export const getUserList = (hit) => {
     const ids = new Set();
-    if (record) {
-        record.howler?.log?.forEach(l => ids.add(l.user));
-        record.howler?.comment?.forEach(c => ids.add(c.user), ids);
+    if (hit) {
+        hit.howler?.log?.forEach(l => ids.add(l.user));
+        hit.howler?.comment?.forEach(c => ids.add(c.user), ids);
     }
     return ids;
 };

package/utils/viewUtils.js

@@ -7,8 +7,5 @@ export const buildViewUrl = (view) => {
     if (view.sort) {
         params.set('sort', view.sort);
     }
-    if (view.indexes && view.indexes.length > 0) {
-        view.indexes.forEach(index => params.append('index', index));
-    }
     return `/search?${params.toString()}`;
 };

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,8 +0,0 @@
-import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
-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>;
-export { items };

package/api/v2/case/index.js

@@ -1,20 +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';
-import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
-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));
-};
-export { items };

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

@@ -1,6 +0,0 @@
-import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
-import type { Item } from '@cccsaurora/howler-ui/models/entities/generated/Item';
-export declare const uri: (id: string) => string;
-export declare const post: (id: string, newData: Item) => Promise<Case>;
-export declare const del: (id: string, values: string | string[]) => Promise<Case>;
-export declare const patch: (id: string, value: string, newPath: string) => Promise<Case>;

package/api/v2/case/items.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line import/no-cycle
-import { hdelete, hpatch, hpost, joinUri } from '@cccsaurora/howler-ui/api';
-import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2/case';
-export const uri = (id) => {
-    return joinUri(parentUri(id), 'items');
-};
-export const post = (id, newData) => {
-    return hpost(uri(id), newData);
-};
-export const del = (id, values) => {
-    if (!Array.isArray(values)) {
-        values = [values];
-    }
-    return hdelete(uri(id), { values });
-};
-export const patch = (id, value, newPath) => {
-    return hpatch(uri(id), { value, new_path: newPath });
-};

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;