@lumx/react 4.9.0-next.3 → 4.9.0-next.4

package/index.d.ts

@@ -4245,11 +4245,13 @@ interface UserBlockProps$1 extends HasClassName, HasTheme {
      * Called when the mouse enters the component.
      */
     handleMouseEnter?(): void;
+    mouseEnterProp?: string;
     /**
      * Mouse leave event handler.
      * Called when the mouse leaves the component.
      */
     handleMouseLeave?(): void;
+    mouseLeaveProp?: string;
     /**
      * Additional custom fields to display below the standard fields.
      * Only visible when size is not 'xs' or 's'.
@@ -4282,7 +4284,7 @@ interface UserBlockProps$1 extends HasClassName, HasTheme {
      */
     Avatar: (props: any) => any;
 }
-type UserBlockPropsToOverride = 'Avatar' | 'Text' | 'linkProps' | 'avatarProps';
+type UserBlockPropsToOverride = 'Avatar' | 'Text' | 'linkProps' | 'avatarProps' | 'mouseLeaveProp' | 'mouseEnterProp';
 
 /**
  * Defines the props of the component.

package/index.js

@@ -16354,6 +16354,8 @@ const UserBlock$1 = props => {
     linkAs,
     ref,
     multipleActions,
+    mouseEnterProp = 'onMouseEnter',
+    mouseLeaveProp = 'onMouseLeave',
     name,
     nameProps,
     handleClick,
@@ -16391,17 +16393,24 @@ const UserBlock$1 = props => {
       children: field
     }, idx))
   });
+  const eventHandlers = {
+    ...(handleMouseEnter && {
+      [mouseEnterProp]: handleMouseEnter
+    }),
+    ...(handleMouseLeave && {
+      [mouseLeaveProp]: handleMouseLeave
+    })
+  };
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     ...forwardedProps,
+    ...eventHandlers,
     className: classnames(className, block({
       [`orientation-${orientation}`]: Boolean(orientation),
       [`size-${componentSize}`]: Boolean(componentSize),
       [`theme-${theme}`]: Boolean(theme),
       'is-clickable': isClickable
     })),
-    onMouseLeave: handleMouseLeave,
-    onMouseEnter: handleMouseEnter,
     children: [avatarProps && /*#__PURE__*/jsx(Avatar, {
       linkAs: linkAs,
       linkProps: linkProps,