@tap-payments/os-micro-frontend-shared 0.1.48-test.5 → 0.1.48-test.7

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

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

package/build/components/Tooltip/Tooltip.js

@@ -10,16 +10,16 @@ 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 { useRef, useState, useEffect, cloneElement } 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 anchorRef = useRef(null);
     const [inView, setInView] = useState(true);
     useEffect(() => {
-        if (!toolTipRef.current)
+        if (!anchorRef.current)
             return;
-        const currentElement = toolTipRef.current;
+        const currentElement = anchorRef.current;
         const observer = new IntersectionObserver((entries) => {
             const entry = entries[0];
             setInView(entry.isIntersecting);
@@ -33,12 +33,6 @@ function Tooltip(_a) {
             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, {}) })));
+    return (_jsx(StyledTooltip, Object.assign({ classes: { popper: className }, title: title, placement: placement, arrow: true, disableHoverListener: !inView }, rest, { children: children ? cloneElement(children, { ref: anchorRef }) : _jsx(_Fragment, {}) })));
 }
 export default Tooltip;

package/build/components/Widget/Widget.d.ts

@@ -3,6 +3,5 @@ import { BoxProps } from '@mui/material/Box';
 interface WidgetI extends BoxProps {
     children: ReactNode;
 }
-declare function Widget({ children, ...props }: WidgetI): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof Widget>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<WidgetI, "ref"> & import("react").RefAttributes<HTMLElement>>>;
 export default _default;

package/build/components/Widget/Widget.js

@@ -10,10 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import { memo, forwardRef } from 'react';
 import { WidgetStyled } from './style';
-function Widget(_a) {
+const Widget = forwardRef(function Widget(_a, ref) {
     var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(WidgetStyled, Object.assign({ component: "article", "data-testid": "Widget" }, props, { children: children })));
-}
+    return (_jsx(WidgetStyled, Object.assign({ ref: ref, component: "article", "data-testid": "Widget" }, props, { children: children })));
+});
 export default memo(Widget);

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.5",
-  "testVersion": 5,
+  "version": "0.1.48-test.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",