@yakad/ui 1.3.144 → 1.3.146

package/dist/Stack/Stack.js

@@ -15,7 +15,7 @@ import classNames from "classnames";
 import boxingStyles from "../boxing.module.css";
 import styles from "./Stack.module.css";
 export const Stack = forwardRef(function Stack(_a, ref) {
-    var { align, fullWidth, className, children } = _a, restProps = __rest(_a, ["align", "fullWidth", "className", "children"]);
+    var { align, fullWidth = true, className, children } = _a, restProps = __rest(_a, ["align", "fullWidth", "className", "children"]);
     const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { fullWidth: fullWidth }, styles.stack, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
 });

package/dist/WithInteractions/WithInteractions.d.ts

@@ -21,6 +21,5 @@ export interface WithInteractionsProps extends StackProps {
     onMouseHoverChange?: (isHover: boolean, e: MouseEvent) => void;
     onMouseHoverStart?: (e: MouseEvent) => void;
     onMouseHoverLeave?: (e: MouseEvent) => void;
-    children?: React.ReactNode;
 }
-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

@@ -1,14 +1,14 @@
 import { RefObject } from "react";
-import { Dropdown, DropdownProps, Popup, PopupProps } from "..";
+import { Dropdown, DropdownProps, Popup, PopupProps, WithInteractionsProps } from "..";
 export interface OverlayProps {
     triggerref?: RefObject<HTMLElement | null>;
     onClose?: () => void;
 }
 type AllowedOverlays = React.ReactElement<PopupProps, typeof Popup> | React.ReactElement<DropdownProps, typeof Dropdown>;
-export interface WithOverlayProps {
+export interface WithOverlayProps extends WithInteractionsProps {
     trigger?: "onClick" | "onRightClick";
     overlay?: AllowedOverlays;
     children?: React.ReactElement;
 }
-export declare function WithOverlay({ trigger, overlay, children, }: 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

@@ -1,11 +1,25 @@
 "use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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({ trigger = "onClick", overlay, children, }) {
+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(() => {
@@ -23,6 +37,13 @@ export function WithOverlay({ trigger = "onClick", overlay, children, }) {
                 (_b = (_a = overlay.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
                 setShowOverlay(false);
             },
-        }), document.getElementsByClassName("portalRoot")[0] || document.body);
-    return (_jsxs(_Fragment, { children: [_jsx(WithInteractions, { ref: triggerRef, onRightClick: () => trigger === "onRightClick" && setShowOverlay(true), onClick: () => trigger === "onClick" && setShowOverlay(true), children: children }), showOverlay && teleport] }));
-}
+        }), 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);
+                }, onClick: (e) => {
+                    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.144",
+    "version": "1.3.146",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",