Merge branch 'dev' of https://github.com/scaleflex/ui

scaleflex · Sep 11, 2024 · eade89a · eade89a
2 parents 545a201 + 539702f
commit eade89a
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 18 deletions.
diff --git a/packages/ui/src/core/tooltip-v2/tooltip-v2.component.tsx b/packages/ui/src/core/tooltip-v2/tooltip-v2.component.tsx
@@ -14,6 +14,7 @@ const TooltipV2 = intrinsicComponent<TooltipV2Props, HTMLSpanElement>(
       arrow = true,
       warning = false,
       enableHover = true,
+      hide = false,
       enterDelay = 0,
       leaveDelay = 0,
       offsetX = 0,
@@ -26,24 +27,28 @@ const TooltipV2 = intrinsicComponent<TooltipV2Props, HTMLSpanElement>(
       ...rest
     }: TooltipV2Props,
     ref
-  ): JSX.Element => (
-    <Styled.TooltipV2
-      ref={ref}
-      placement={position}
-      content={<Styled.TooltipText>{title}</Styled.TooltipText>}
-      interactive={enableHover}
-      arrow={arrow}
-      delay={[enterDelay, leaveDelay]}
-      $variant={(warning && Variant.Warning) || (info && Variant.Info) || variant}
-      $size={size || Size.Sm}
-      animation="scale"
-      offset={[offsetX, offsetY]}
-      appendTo={document.body}
-      {...rest}
-    >
-      {children}
-    </Styled.TooltipV2>
-  )
+  ): JSX.Element => {
+    if (hide) return children;
+
+    return (
+      <Styled.TooltipV2
+        ref={ref}
+        placement={position}
+        content={<Styled.TooltipText>{title}</Styled.TooltipText>}
+        interactive={enableHover}
+        arrow={arrow}
+        delay={[enterDelay, leaveDelay]}
+        $variant={(warning && Variant.Warning) || (info && Variant.Info) || variant}
+        $size={size || Size.Sm}
+        animation="scale"
+        offset={[offsetX, offsetY]}
+        appendTo={document.body}
+        {...rest}
+      >
+        {children}
+      </Styled.TooltipV2>
+    );
+  }
 );
 
 export default TooltipV2;
diff --git a/packages/ui/src/core/tooltip-v2/tooltip-v2.props.ts b/packages/ui/src/core/tooltip-v2/tooltip-v2.props.ts
@@ -14,6 +14,7 @@ export interface TooltipV2Props extends Omit<React.HTMLAttributes<HTMLSpanElemen
   enableHover?: boolean;
   warning?: boolean;
   info?: boolean;
+  hide?: boolean;
   enterDelay?: number;
   leaveDelay?: number;
   offsetX?: number;

diff --git a/packages/ui/stories/core/tooltip-v2.stories.tsx b/packages/ui/stories/core/tooltip-v2.stories.tsx
@@ -117,6 +117,7 @@ const defaultArgs = {
   arrow: false,
   warning: false,
   info: false,
+  hide: false,
   enableHover: true,
   position: Position.Top,
   offsetX: 0,