@yuno-payments/dashboard-design-system 0.0.55 → 0.0.56

package/dist/components/atoms/dots-menu/dots-menu.d.ts

@@ -1,5 +1,5 @@
 import { DotsMenuProps } from './dots-menu.types';
 export declare const DotsMenu: {
-    ({ column, icon, className, disabled, withoutAbsolute, marginBottom }: DotsMenuProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ column, icon, className, disabled, marginBottom, }: DotsMenuProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/components/atoms/dots-menu/dots-menu.js

@@ -1,89 +1,84 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import * as x from "react";
+import * as u from "react";
 import { cn as a } from "../../../lib/utils.js";
-import { DropdownMenu as f, DropdownMenuTrigger as j, DropdownMenuContent as w, DropdownMenuItem as g } from "../dropdown-menu/dropdown-menu.js";
-import { Button as C } from "../button/button.js";
+import { DropdownMenu as x, DropdownMenuTrigger as f, DropdownMenuContent as j, DropdownMenuItem as w } from "../dropdown-menu/dropdown-menu.js";
+import { Button as g } from "../button/button.js";
 import { Icon as d } from "../icon/icon.js";
-import { Tooltip as k } from "../tooltip/tooltip.js";
-const N = ({
+import { Tooltip as C } from "../tooltip/tooltip.js";
+const k = ({
   allowed: r,
   children: n,
   message: t = "You don't have permission to perform this action"
-}) => r ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n }) : /* @__PURE__ */ e.jsx(k, { content: t, show: !r, children: /* @__PURE__ */ e.jsx("span", { className: "block w-full", children: n }) }), v = ({ column: r, icon: n = null, className: t, disabled: i = !1, withoutAbsolute: c = !1, marginBottom: l }) => {
-  const [o, m] = x.useState(!1), h = (s) => {
+}) => r ? /* @__PURE__ */ e.jsx(e.Fragment, { children: n }) : /* @__PURE__ */ e.jsx(C, { content: t, show: !r, children: /* @__PURE__ */ e.jsx("span", { className: "block w-full", children: n }) }), N = ({
+  column: r,
+  icon: n = null,
+  className: t,
+  disabled: i = !1,
+  marginBottom: l
+}) => {
+  const [o, m] = u.useState(!1), c = (s) => {
     m(s);
-  }, u = (s) => {
+  }, h = (s) => {
     s.allowed && s.handleClick && s.handleClick(r), m(!1);
   };
   if (!r.actions || r.actions.length === 0)
     return null;
   const p = {};
-  return l !== void 0 && (p.marginBottom = `${l}px`), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: a(
-        "inline-flex",
-        c ? "relative" : "absolute",
-        t
-      ),
-      style: p,
-      children: /* @__PURE__ */ e.jsxs(f, { open: o, onOpenChange: h, children: [
-        /* @__PURE__ */ e.jsx(j, { asChild: !0, disabled: i, children: /* @__PURE__ */ e.jsx(
-          C,
+  return l !== void 0 && (p.marginBottom = `${l}px`), /* @__PURE__ */ e.jsx("div", { className: a("inline-flex relative", t), style: p, children: /* @__PURE__ */ e.jsxs(x, { open: o, onOpenChange: c, children: [
+    /* @__PURE__ */ e.jsx(f, { asChild: !0, disabled: i, children: /* @__PURE__ */ e.jsx(
+      g,
+      {
+        disabled: i,
+        variant: "ghost",
+        size: "icon",
+        className: "h-8 w-8 p-1",
+        "aria-label": "more",
+        "aria-controls": o ? "dots-menu" : void 0,
+        "aria-expanded": o,
+        "aria-haspopup": "true",
+        children: /* @__PURE__ */ e.jsx(
+          d,
           {
-            disabled: i,
-            variant: "ghost",
-            size: "icon",
-            className: "h-8 w-8 p-1",
-            "aria-label": "more",
-            "aria-controls": o ? "dots-menu" : void 0,
-            "aria-expanded": o,
-            "aria-haspopup": "true",
-            children: /* @__PURE__ */ e.jsx(
-              d,
-              {
-                name: n || "DotsThreeCircleVertical",
-                size: "sm",
-                className: a(
-                  "transition-colors",
-                  o ? "text-primary" : "text-muted-foreground"
-                )
-              }
+            name: n || "DotsThreeCircleVertical",
+            size: "sm",
+            className: a(
+              "transition-colors",
+              o ? "text-primary" : "text-muted-foreground"
             )
           }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          w,
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        id: "dots-menu",
+        align: "end",
+        className: a("max-h-[216px] overflow-y-auto"),
+        children: r.actions.map((s) => /* @__PURE__ */ e.jsx(
+          k,
           {
-            id: "dots-menu",
-            align: "end",
-            className: a("max-h-[216px] overflow-y-auto"),
-            children: r.actions.map((s) => /* @__PURE__ */ e.jsx(
-              N,
+            allowed: s.allowed ?? !0,
+            children: /* @__PURE__ */ e.jsxs(
+              w,
               {
-                allowed: s.allowed ?? !0,
-                children: /* @__PURE__ */ e.jsxs(
-                  g,
-                  {
-                    onClick: () => u(s),
-                    disabled: !s.allowed,
-                    className: "flex items-center gap-3.5 cursor-pointer",
-                    children: [
-                      /* @__PURE__ */ e.jsx(d, { name: s.icon, size: "sm", className: "shrink-0" }),
-                      /* @__PURE__ */ e.jsx("span", { children: s.name || String(s.key) })
-                    ]
-                  }
-                )
-              },
-              s.key
-            ))
-          }
-        )
-      ] })
-    }
-  );
+                onClick: () => h(s),
+                disabled: !s.allowed,
+                className: "flex items-center gap-3.5 cursor-pointer",
+                children: [
+                  /* @__PURE__ */ e.jsx(d, { name: s.icon, size: "sm", className: "shrink-0" }),
+                  /* @__PURE__ */ e.jsx("span", { children: s.name || String(s.key) })
+                ]
+              }
+            )
+          },
+          s.key
+        ))
+      }
+    )
+  ] }) });
 };
-v.displayName = "DotsMenu";
+N.displayName = "DotsMenu";
 export {
-  v as DotsMenu
+  N as DotsMenu
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "0.0.55",
+  "version": "0.0.56",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",