feat: supported events in onClick callbacks (#81)

Co-authored-by: sunduckcow <[email protected]>
gravity-ui · Aug 15, 2023 · a861031 · a861031
1 parent 4bac263
commit a861031
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 7 deletions.
diff --git a/src/components/AsideHeader/AsideHeader.tsx b/src/components/AsideHeader/AsideHeader.tsx
@@ -202,9 +202,13 @@ export class AsideHeader extends React.Component<AsideHeaderInnerProps> {
         this.props.onClosePanel?.();
     };
 
-    private onItemClick = (item: MenuItem, collapsed: boolean) => {
+    private onItemClick = (
+        item: MenuItem,
+        collapsed: boolean,
+        event: React.MouseEvent<HTMLDivElement, MouseEvent>,
+    ) => {
         this.props.onClosePanel?.();
-        item.onItemClick?.(item, collapsed);
+        item.onItemClick?.(item, collapsed, event);
     };
 
     private onLogoClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {

diff --git a/src/components/CompositeBar/CompositeBar.tsx b/src/components/CompositeBar/CompositeBar.tsx
@@ -25,7 +25,11 @@ const b = block('composite-bar');
 
 interface CompositeBarBaseProps {
     items: MenuItem[];
-    onItemClick?: (item: MenuItem, collapsed: boolean) => void;
+    onItemClick?: (
+        item: MenuItem,
+        collapsed: boolean,
+        event: React.MouseEvent<HTMLDivElement, MouseEvent>,
+    ) => void;
     multipleTooltip?: boolean;
 }
 
@@ -117,7 +121,7 @@ const CompositeBarView: FC<CompositeBarViewProps> = ({
 
     const onItemClickByIndex = useCallback(
         (itemIndex): ItemProps['onItemClick'] =>
-            (item, collapsed) => {
+            (item, collapsed, event) => {
                 if (
                     compact &&
                     multipleTooltip &&
@@ -129,7 +133,7 @@ const CompositeBarView: FC<CompositeBarViewProps> = ({
                         active: false,
                     });
                 }
-                onItemClick?.(item, collapsed);
+                onItemClick?.(item, collapsed, event);
             },
         [lastClickedItemIndex, setMultipleTooltipContextValue],
     );

diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
@@ -3,9 +3,10 @@ import {block} from '../utils/cn';
 import {LogoProps} from '../types';
 import {Button, Icon} from '@gravity-ui/uikit';
 
-import './Logo.scss';
 import {useAsideHeaderContext} from '../AsideHeader/AsideHeaderContext';
 
+import './Logo.scss';
+
 const b = block('logo');
 
 export const Logo: React.FC<LogoProps> = ({

diff --git a/src/components/types.ts b/src/components/types.ts
@@ -17,7 +17,11 @@ export interface MenuItem {
     link?: string;
     current?: boolean;
     pinned?: boolean;
-    onItemClick?: (item: MenuItem, collapsed: boolean) => void;
+    onItemClick?: (
+        item: MenuItem,
+        collapsed: boolean,
+        event: React.MouseEvent<HTMLDivElement, MouseEvent>,
+    ) => void;
     itemWrapper?: (
         p: MakeItemParams,
         makeItem: (p: MakeItemParams) => React.ReactNode,