feat: supported onClickCapture in Item and FooterItem (#82)

gravity-ui · Aug 16, 2023 · 4646563 · 4646563
1 parent 4dff13c
commit 4646563
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/CompositeBar/Item/Item.tsx b/src/components/CompositeBar/Item/Item.tsx
@@ -37,6 +37,7 @@ export interface ItemProps extends ItemPopup {
         collapsed: boolean,
         event: React.MouseEvent<HTMLDivElement, MouseEvent>,
     ) => void;
+    onItemClickCapture?: (event: React.SyntheticEvent) => void;
 }
 
 interface ItemInnerProps extends ItemProps {
@@ -80,6 +81,7 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
         renderPopupContent,
         onClosePopup,
         onItemClick,
+        onItemClickCapture,
     } = props;
 
     const {compact} = useAsideHeaderContext();
@@ -131,6 +133,7 @@ export const Item: React.FC<ItemInnerProps> = (props) => {
                         onItemClick?.(item, false, event);
                     }
                 }}
+                onClickCapture={onItemClickCapture}
                 onMouseEnter={() => {
                     if (!compact) {
                         onMouseEnter?.();

diff --git a/src/components/FooterItem/FooterItem.tsx b/src/components/FooterItem/FooterItem.tsx
@@ -8,7 +8,7 @@ import './FooterItem.scss';
 
 const b = block('footer-item');
 
-export interface FooterItemProps extends Omit<ItemProps, 'onItemClick'> {
+export interface FooterItemProps extends Omit<ItemProps, 'onItemClick' | 'onItemClickCapture'> {
     compact: boolean;
 }
 
@@ -19,6 +19,7 @@ export const FooterItem: React.FC<FooterItemProps> = ({item, ...props}) => {
             item={{iconSize: ASIDE_HEADER_FOOTER_ICON_SIZE, ...item}}
             className={b({compact: props.compact})}
             onItemClick={item.onItemClick}
+            onItemClickCapture={item.onItemClickCapture}
         />
     );
 };
diff --git a/src/components/types.ts b/src/components/types.ts
@@ -22,6 +22,7 @@ export interface MenuItem {
         collapsed: boolean,
         event: React.MouseEvent<HTMLDivElement, MouseEvent>,
     ) => void;
+    onItemClickCapture?: (event: React.SyntheticEvent) => void;
     itemWrapper?: (
         p: MakeItemParams,
         makeItem: (p: MakeItemParams) => React.ReactNode,