feat(CTooltip): add onHide and onShow event

mrholek · mrholek · commit d4d4b0449b15 · 2021-10-01T21:41:51.000+02:00
diff --git a/src/components/tooltip/CTooltip.tsx b/src/components/tooltip/CTooltip.tsx
@@ -13,6 +13,14 @@ export interface CTooltipProps {
    * Content node for your component.
    */
   content: ReactNode
+  /**
+   * Callback fired when the component requests to be hidden.
+   */
+  onHide?: () => void
+  /**
+   * Callback fired when the component requests to be shown.
+   */
+  onShow?: () => void
   /**
    * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
    *
@@ -32,6 +40,8 @@ export interface CTooltipProps {
 export const CTooltip: FC<CTooltipProps> = ({
   children,
   placement = 'top',
+  onHide,
+  onShow,
   trigger = 'hover',
   visible,
   ...rest
@@ -76,6 +86,8 @@ export const CTooltip: FC<CTooltipProps> = ({
               enter: 0,
               exit: 200,
             }}
+            onEnter={onShow}
+            onExit={onHide}
             mountOnEnter
             unmountOnExit
           >
@@ -106,6 +118,8 @@ export const CTooltip: FC<CTooltipProps> = ({
 CTooltip.propTypes = {
   children: PropTypes.any,
   placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+  onHide: PropTypes.func,
+  onShow: PropTypes.func,
   trigger: triggerPropType,
   visible: PropTypes.bool,
 }
