fix(tooltip): allow props to be passed to wrapper (#1036)

Author: ychhabra-eightfold

src/components/Tooltip/Tooltip.stories.tsx

@@ -121,6 +121,9 @@ export default {
       options: [true, false],
       control: { type: 'inline-radio' },
     },
+    wrapperProps: {
+      control: { type: 'object' },
+    },
   },
 } as ComponentMeta<typeof Tooltip>;
 

src/components/Tooltip/Tooltip.tsx

@@ -95,6 +95,7 @@ export const Tooltip: FC<TooltipProps> = React.memo(
         width,
         wrapperClassNames,
         wrapperStyle,
+        wrapperProps = {},
         ...rest
       },
       ref: React.ForwardedRef<TooltipRef>
@@ -615,6 +616,7 @@ export const Tooltip: FC<TooltipProps> = React.memo(
             className={referenceWrapperClassNames}
             style={wrapperStyle}
             id={tooltipWrapperId?.current}
+            {...wrapperProps}
             onClick={(
               event: React.MouseEvent<HTMLDivElement, MouseEvent>
             ): void => {
@@ -670,6 +672,7 @@ export const Tooltip: FC<TooltipProps> = React.memo(
           id={tooltipWrapperId?.current}
           style={wrapperStyle}
           ref={reference}
+          {...wrapperProps}
           {...(TRIGGER_TO_HANDLER_MAP_ON_LEAVE[trigger] && !gestureType
             ? {
                 [TRIGGER_TO_HANDLER_MAP_ON_LEAVE[trigger]]: toggle(

src/components/Tooltip/Tooltip.types.ts

@@ -242,6 +242,12 @@ export interface TooltipProps
    * The Wrapper style.
    */
   wrapperStyle?: React.CSSProperties;
+
+  /**
+   * The props of the Tooltip wrapper.
+   * @default {}
+   */
+  wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 
 export type TooltipRef = {