@yakad/ui 1.3.121 → 1.3.122

package/dist/Popup/Popup.d.ts

@@ -3,7 +3,7 @@ import { CardProps } from "..";
 export interface PopupProps extends CardProps {
     align?: "start" | "space" | "center" | "end";
     heading?: string;
-    onCloseButtClick?: () => void;
+    onClose?: () => void;
     children?: React.ReactNode;
 }
 export declare const Popup: import("react").ForwardRefExoticComponent<PopupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Popup/Popup.js

@@ -16,6 +16,6 @@ import { Symbol } from "@yakad/symbols";
 import { Button, Card, Row, Spacer, Stack, Text, WithInteractions, } from "..";
 import styles from "./Popup.module.css";
 export const Popup = forwardRef(function Popup(_a, ref) {
-    var { align, heading, onCloseButtClick, className, children } = _a, restProps = __rest(_a, ["align", "heading", "onCloseButtClick", "className", "children"]);
-    return (_jsx("div", { className: styles.popupscreen, children: _jsx(WithInteractions, { onOutsideClick: onCloseButtClick, children: _jsxs(Card, Object.assign({ ref: ref }, restProps, { className: classNames(styles.popup, className), children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onCloseButtClick })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }) }));
+    var { align, heading, onClose, className, children } = _a, restProps = __rest(_a, ["align", "heading", "onClose", "className", "children"]);
+    return (_jsx("div", { className: styles.popupscreen, children: _jsx(WithInteractions, { onOutsideClick: onClose, children: _jsxs(Card, Object.assign({ ref: ref }, restProps, { className: classNames(styles.popup, className), children: [_jsxs(Row, { style: { marginBottom: "2rem" }, children: [_jsx(Text, { variant: "heading4", children: heading }), _jsx(Spacer, {}), _jsx(Button, { title: "Close", icon: _jsx(Symbol, { icon: "close" }), onClick: onClose })] }), _jsx(Stack, { align: align, style: { width: "100%", overflowY: "auto" }, children: children })] })) }) }));
 });

package/dist/WithOverlay/WithOverlay.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface WithPopupProps {
+    trigger?: "onClick" | "onRightClick";
+    overlay?: React.ReactElement<{
+        onClose?: () => void;
+    }>;
+    children?: React.ReactElement<{
+        onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    }>;
+}
+export declare function WithOverlay({ trigger, overlay, children, }: WithPopupProps): import("react/jsx-runtime").JSX.Element;

package/dist/WithOverlay/WithOverlay.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, cloneElement } from "react";
+import { WithInteractions } from "..";
+export function WithOverlay({ trigger = "onClick", overlay, children, }) {
+    const [showOverlay, setShowOverlay] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(WithInteractions, { onRightClick: () => trigger === "onRightClick" && setShowOverlay(true), children: children &&
+                    cloneElement(children, {
+                        onClick: (e) => {
+                            var _a, _b;
+                            (_b = (_a = children.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                            trigger === "onClick" && setShowOverlay(true);
+                        },
+                    }) }), showOverlay &&
+                overlay &&
+                cloneElement(overlay, {
+                    onClose: () => {
+                        var _a, _b;
+                        (_b = (_a = overlay.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                        setShowOverlay(false);
+                    },
+                })] }));
+}

package/dist/index.d.ts

@@ -31,4 +31,4 @@ export * from "./CodeBox/CodeBox";
 export * from "./Display/Display";
 export * from "./WithInteractions/WithInteractions";
 export * from "./WithDropdawn/WithDropdawn";
-export * from "./WithPopup/WithPopup";
+export * from "./WithOverlay/WithOverlay";

package/dist/index.js

@@ -36,4 +36,4 @@ export * from "./CodeBox/CodeBox";
 export * from "./Display/Display";
 export * from "./WithInteractions/WithInteractions";
 export * from "./WithDropdawn/WithDropdawn";
-export * from "./WithPopup/WithPopup";
+export * from "./WithOverlay/WithOverlay";

package/package.json

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

package/dist/WithPopup/WithPopup.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { PopupProps } from "..";
-export interface WithPopupProps extends Omit<PopupProps, "onCloseButtClick"> {
-    align?: "start" | "space" | "center" | "end";
-    blur?: boolean;
-    trigger?: "onClick" | "onRightClick";
-    popupChildren?: React.ReactElement;
-    children?: React.ReactElement<{
-        onClick?: (e: React.MouseEvent<HTMLElement>) => void;
-    }>;
-}
-export declare function WithPopup({ trigger, popupChildren, children, ...restProps }: WithPopupProps): import("react/jsx-runtime").JSX.Element;

package/dist/WithPopup/WithPopup.js

@@ -1,27 +0,0 @@
-"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, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, cloneElement } from "react";
-import { Popup, WithInteractions } from "..";
-export function WithPopup(_a) {
-    var { trigger = "onClick", popupChildren, children } = _a, restProps = __rest(_a, ["trigger", "popupChildren", "children"]);
-    const [showPopup, setShowPopup] = useState(false);
-    return (_jsxs("div", { children: [_jsx(WithInteractions, { onRightClick: () => trigger === "onRightClick" && setShowPopup(true), children: children &&
-                    cloneElement(children, {
-                        onClick: (e) => {
-                            var _a, _b;
-                            (_b = (_a = children.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-                            trigger === "onClick" && setShowPopup(true);
-                        },
-                    }) }), _jsx("div", { children: showPopup && (_jsx(Popup, Object.assign({ onCloseButtClick: () => setShowPopup(false) }, restProps, { children: popupChildren }))) })] }));
-}