sbwb-ds 2.2.2 → 2.3.0

package/src/presentation/components/atoms/Tooltip/index.tsx

@@ -1,4 +1,5 @@
 import React, { useRef, useEffect } from 'react';
+import ReactDOM from 'react-dom'; // Importação adicionada
 import * as C from './styles';
 import { Icons } from '../../../../main/helpers/functions/icons';
 
@@ -122,7 +123,7 @@ const Tooltip = ({
           break;
       }
 
-      Object.assign(tooltipRef.current.style, newStyle, { position: 'fixed' });
+      Object.assign(tooltipRef.current.style, newStyle);
     }
   };
 
@@ -183,6 +184,27 @@ const Tooltip = ({
     return <>{children}</>;
   }
 
+  const tooltipContent = (
+    <C.TooltipContent
+      ref={tooltipRef}
+      className={`tooltip tooltip-${position}`}
+      size={size}
+      width={width}
+      height={height}
+      maxWidth={maxWidth}
+      color={color}
+      arrow={arrow}
+      style={customStyle}
+      isVisible={isAlwaysVisible}
+      errorTooltip={errorTooltip}
+      position={position}
+      tooltipMargin={tooltipMargin}
+    >
+      {errorTooltip && <IconFillAnt />}
+      <span>{label}</span>
+    </C.TooltipContent>
+  );
+
   return (
     <C.TooltipWrapper
       id={id}
@@ -192,24 +214,7 @@ const Tooltip = ({
       wrapperStyles={wrapperStyles}
     >
       {children}
-      <C.TooltipContent
-        ref={tooltipRef}
-        className={`tooltip tooltip-${position}`}
-        size={size}
-        width={width}
-        height={height}
-        maxWidth={maxWidth}
-        color={color}
-        arrow={arrow}
-        style={customStyle}
-        isVisible={isAlwaysVisible}
-        errorTooltip={errorTooltip}
-        position={position}
-        tooltipMargin={tooltipMargin}
-      >
-        {errorTooltip && <IconFillAnt />}
-        <span>{label}</span>
-      </C.TooltipContent>
+      {ReactDOM.createPortal(tooltipContent, document.body)}
     </C.TooltipWrapper>
   );
 };

package/src/presentation/components/molecules/DataTable/Components/ActionButtonCell/index.tsx

@@ -86,8 +86,8 @@ const ActionButtonCell = ({
         size={size}
         isSelected={button.isSelected}
         data-icon-name={button.iconName}
-        selectVariant={true}
-        selectVariantLabel={button.selectVariantLabel || `Action ${index + 3}`}
+        // selectVariant={true}
+        // selectVariantLabel={button.selectVariantLabel || `Action ${index + 3}`}
       />
     ),
   }));