fix: export Tooltip

tecsinapse · Jul 17, 2024 · 76d9f21 · 76d9f21
1 parent 706503e
commit 76d9f21
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 48 deletions.
diff --git a/packages/cortex-react/docs/tooltip.stories.tsx b/packages/cortex-react/docs/tooltip.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { StoryFn } from '@storybook/react';
 import { button } from '../../cortex-core/src';
-import Tooltip from '../src/components/Tooltip';
+import { Tooltip } from '../src/components';
 
 export default {
   title: 'Cortex/Tooltip',

diff --git a/packages/cortex-react/src/components/Tooltip.tsx b/packages/cortex-react/src/components/Tooltip.tsx
@@ -12,54 +12,56 @@ interface TooltipProps {
   style?: React.CSSProperties;
 }
 
-const Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, ref) => {
-  const {
-    children,
-    text,
-    trigger = 'hover',
-    placement = 'top',
-    width,
-    height,
-  } = props;
-  const arrowRef = useRef(null);
+export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
+  (props, ref) => {
+    const {
+      children,
+      text,
+      trigger = 'hover',
+      placement = 'top',
+      width,
+      height,
+    } = props;
+    const arrowRef = useRef(null);
 
-  const {
-    isOpen,
-    triggerProps,
-    x,
-    y,
-    strategy,
-    refs,
-    context,
-    floatingStyles,
-  } = useFloatingLogic({ placement, arrowRef, trigger });
+    const {
+      isOpen,
+      triggerProps,
+      x,
+      y,
+      strategy,
+      refs,
+      context,
+      floatingStyles,
+    } = useFloatingLogic({ placement, arrowRef, trigger });
 
-  return (
-    <>
-      {React.cloneElement(children, triggerProps)}
-      {isOpen ? (
-        <div
-          ref={ref || refs.setFloating}
-          className={
-            'bg-black text-white p-2 rounded z-50 shadow-md text-justify'
-          }
-          style={{
-            position: strategy,
-            top: y ?? 0,
-            left: x ?? 0,
-            width,
-            height,
-            ...floatingStyles,
-          }}
-        >
-          {text}
-          <FloatingArrow ref={arrowRef} context={context} fill="black" />
-        </div>
-      ) : (
-        <></>
-      )}
-    </>
-  );
-});
+    return (
+      <>
+        {React.cloneElement(children, triggerProps)}
+        {isOpen ? (
+          <div
+            ref={ref || refs.setFloating}
+            className={
+              'bg-black text-white p-2 rounded z-50 shadow-md text-justify'
+            }
+            style={{
+              position: strategy,
+              top: y ?? 0,
+              left: x ?? 0,
+              width,
+              height,
+              ...floatingStyles,
+            }}
+          >
+            {text}
+            <FloatingArrow ref={arrowRef} context={context} fill="black" />
+          </div>
+        ) : (
+          <></>
+        )}
+      </>
+    );
+  }
+);
 
 export default Tooltip;