@tap-payments/os-micro-frontend-shared 0.1.48-test.6 → 0.1.48-test.8

package/build/components/Tooltip/Tooltip.d.ts

@@ -5,7 +5,6 @@ interface Props extends Omit<TooltipProps, 'children'> {
     placement?: TooltipProps['placement'];
     children?: ReactElement;
     className?: string;
-    intersectionRoot?: Element | null;
 }
-declare function Tooltip({ className, title, placement, children, intersectionRoot, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ className, title, placement, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/build/components/Tooltip/Tooltip.js

@@ -10,35 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from 'react';
 import { StyledTooltip } from './styles';
 function Tooltip(_a) {
-    var { className, title, placement = 'top', children, intersectionRoot = null } = _a, rest = __rest(_a, ["className", "title", "placement", "children", "intersectionRoot"]);
-    const toolTipRef = useRef(null);
-    const [inView, setInView] = useState(true);
-    useEffect(() => {
-        if (!toolTipRef.current)
-            return;
-        const currentElement = toolTipRef.current;
-        const observer = new IntersectionObserver((entries) => {
-            const entry = entries[0];
-            setInView(entry.isIntersecting);
-        }, {
-            root: intersectionRoot,
-            rootMargin: '0px',
-            threshold: 0,
-        });
-        observer.observe(currentElement);
-        return () => {
-            observer.unobserve(currentElement);
-        };
-    }, [intersectionRoot]);
-    return (_jsx(StyledTooltip, Object.assign({ ref: toolTipRef, classes: { popper: className }, title: title, placement: placement, arrow: true, componentsProps: {
-            tooltip: {
-                sx: {
-                    display: inView ? 'block' : 'none',
-                },
-            },
-        } }, rest, { children: children || _jsx(_Fragment, {}) })));
+    var { className, title, placement = 'top', children } = _a, rest = __rest(_a, ["className", "title", "placement", "children"]);
+    return (_jsx(StyledTooltip, Object.assign({ classes: { popper: className }, title: title, placement: placement, arrow: true }, rest, { children: children || _jsx(_Fragment, {}) })));
 }
 export default Tooltip;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.48-test.6",
-  "testVersion": 6,
+  "version": "0.1.48-test.8",
+  "testVersion": 8,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",