@yakad/ui 1.3.145 → 1.3.146

package/dist/WithInteractions/WithInteractions.d.ts

@@ -22,4 +22,4 @@ export interface WithInteractionsProps extends StackProps {
     onMouseHoverStart?: (e: MouseEvent) => void;
     onMouseHoverLeave?: (e: MouseEvent) => void;
 }
-export declare const WithInteractions: import("react").ForwardRefExoticComponent<WithInteractionsProps & import("react").RefAttributes<HTMLElement>>;
+export declare const WithInteractions: import("react").ForwardRefExoticComponent<WithInteractionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/WithOverlay/WithOverlay.d.ts

@@ -10,5 +10,5 @@ export interface WithOverlayProps extends WithInteractionsProps {
     overlay?: AllowedOverlays;
     children?: React.ReactElement;
 }
-export declare function WithOverlay({ trigger, overlay, children, onRightClick, onClick, ...restProps }: WithOverlayProps): import("react/jsx-runtime").JSX.Element;
+export declare const WithOverlay: import("react").ForwardRefExoticComponent<WithOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/WithOverlay/WithOverlay.js

@@ -11,13 +11,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, cloneElement, useEffect, useRef } from "react";
-import { WithInteractions, } from "..";
+import { useState, cloneElement, useEffect, useRef, forwardRef, useImperativeHandle, } from "react";
 import { createPortal } from "react-dom";
-export function WithOverlay(_a) {
+import { WithInteractions, } from "..";
+export const WithOverlay = forwardRef(function WithOverlay(_a, forwardedRef) {
     var { trigger = "onClick", overlay, children, onRightClick, onClick } = _a, restProps = __rest(_a, ["trigger", "overlay", "children", "onRightClick", "onClick"]);
     // Get Triggers ref and send to Overlay
     const triggerRef = useRef(null);
+    // Let the parent access our DOM node
+    useImperativeHandle(forwardedRef, () => triggerRef.current);
     const [showOverlay, setShowOverlay] = useState(false);
     // Disable Body Scroll on showOverlay
     useEffect(() => {
@@ -35,7 +37,8 @@ export function WithOverlay(_a) {
                 (_b = (_a = overlay.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
                 setShowOverlay(false);
             },
-        }), document.getElementsByClassName("portalRoot")[0] || document.body);
+        }), document.getElementsByClassName("portalRoot")[0] ||
+            document.body);
     return (_jsxs(_Fragment, { children: [_jsx(WithInteractions, Object.assign({ ref: triggerRef }, restProps, { onRightClick: (e) => {
                     trigger === "onRightClick" && setShowOverlay(true);
                     onRightClick === null || onRightClick === void 0 ? void 0 : onRightClick(e);
@@ -43,4 +46,4 @@ export function WithOverlay(_a) {
                     trigger === "onClick" && setShowOverlay(true);
                     onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 }, children: children })), showOverlay && teleport] }));
-}
+});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.145",
+    "version": "1.3.146",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",