@yakad/ui 1.3.107 → 1.3.108

package/dist/Card/Card.module.css

@@ -6,7 +6,6 @@
     background: rgb(var(--surfaceContainerHighestColor, 230 224 233));
     color: rgb(var(--onSurfaceColor, 28 27 31));
     fill: rgb(var(--onSurfaceColor, 28 27 31));
-    overflow: hidden;
 }
 
 .card.blur {

package/dist/WithDropdawn/WithDropdawn.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
-export interface WithDropdawnProps {
+import { CardProps } from "../";
+export interface WithDropdawnProps extends CardProps {
     trigger?: "onClick" | "onRightClick";
-    dropdawnstyle?: React.CSSProperties;
-    dropdawnchildren?: React.ReactElement;
+    dropdawnChildren?: React.ReactElement;
     children?: React.ReactElement<{
         onClick?: (e: React.MouseEvent<HTMLElement>) => void;
     }>;
 }
-export declare const WithDropdawn: ({ trigger, dropdawnchildren, dropdawnstyle, children, }: WithDropdawnProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithDropdawn: {
+    ({ trigger, dropdawnChildren, style, children, ...restProps }: WithDropdawnProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/WithDropdawn/WithDropdawn.js

@@ -1,8 +1,20 @@
 "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 { useRef, useState, useEffect, cloneElement } from "react";
-import { WithInteractions } from "../";
-export const WithDropdawn = ({ trigger = "onClick", dropdawnchildren, dropdawnstyle, children, }) => {
+import { Card, WithInteractions } from "../";
+export const WithDropdawn = (_a) => {
+    var { trigger = "onClick", dropdawnChildren, style, children } = _a, restProps = __rest(_a, ["trigger", "dropdawnChildren", "style", "children"]);
     const toggleElementRef = useRef(null);
     const dropdawnRef = useRef(null);
     const [showDropdawn, setShowDropdawn] = useState(false);
@@ -31,7 +43,7 @@ export const WithDropdawn = ({ trigger = "onClick", dropdawnchildren, dropdawnst
             setTop(top);
             setLeft(left);
         }
-    }, [showDropdawn, dropdawnchildren]);
+    }, [showDropdawn, dropdawnChildren]);
     return (_jsxs(_Fragment, { children: [_jsx(WithInteractions, { ref: toggleElementRef, onRightClick: () => trigger === "onRightClick" && setShowDropdawn(true), children: children &&
                     cloneElement(children, {
                         onClick: (e) => {
@@ -39,5 +51,6 @@ export const WithDropdawn = ({ trigger = "onClick", dropdawnchildren, dropdawnst
                             (_b = (_a = children.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                             trigger === "onClick" && toggleShowDropdawn();
                         },
-                    }) }), _jsx(WithInteractions, { onOutsideClick: () => setShowDropdawn(false), children: _jsx("div", { ref: dropdawnRef, style: Object.assign({ position: "fixed", top: top, left: left, maxWidth: "calc(100% - 4rem)", maxHeight: "min(50vh, 50rem)", zIndex: 2, visibility: showDropdawn ? "visible" : "hidden" }, dropdawnstyle), children: dropdawnchildren }) })] }));
+                    }) }), _jsx(WithInteractions, { onOutsideClick: () => setShowDropdawn(false), children: _jsx(Card, Object.assign({ ref: dropdawnRef }, restProps, { style: Object.assign({ position: "fixed", top: top, left: left, maxWidth: "calc(100% - 4rem)", maxHeight: "min(50vh, 50rem)", zIndex: 2, visibility: showDropdawn ? "visible" : "hidden" }, style), children: dropdawnChildren })) })] }));
 };
+WithDropdawn.displayName = "WithDropdawn";

package/dist/WithInteractions/WithInteractions.js

@@ -216,3 +216,4 @@ export const WithInteractions = forwardRef((_a, forwardedRef) => {
         return null;
     return cloneElement(children, Object.assign(Object.assign({}, restProps), { ref: mergeRefs(localRef, forwardedRef, (_b = children.props) === null || _b === void 0 ? void 0 : _b.ref) }));
 });
+WithInteractions.displayName = "WithInteractions";

package/package.json

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