@konstructio/ui 0.1.2-alpha.25 → 0.1.2-alpha.26

package/dist/components/VirtualizedTable/components/Actions/Actions.js

@@ -1,40 +1,72 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Button as r } from "../../../Button/Button.js";
-import { cn as n } from "../../../../utils/index.js";
-import { E as c } from "../../../../ellipsis-vertical-BVPtjl5f.js";
-const u = ({
-  actions: t,
-  ...i
-}) => t ? /* @__PURE__ */ o("div", { className: "relative group", children: [
-  /* @__PURE__ */ o(
-    r,
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Button as t } from "../../../Button/Button.js";
+import { cn as r } from "../../../../utils/index.js";
+import { E as u } from "../../../../ellipsis-vertical-BVPtjl5f.js";
+const w = ({
+  actions: a,
+  wrapperClassName: l,
+  triggerButtonClassName: s,
+  iconTriggerButtonClassName: n,
+  wrapperActionsClassName: c,
+  wrapperContentActionsClassName: d,
+  ...h
+}) => a ? /* @__PURE__ */ i("div", { className: r("relative group", l), children: [
+  /* @__PURE__ */ i(
+    t,
     {
       variant: "text",
       shape: "circle",
       size: "large",
-      className: "text-slate-400 group-hover:text-slate-800 group-hover:bg-aurora-50",
+      className: r(
+        "text-slate-400 group-hover:text-slate-800 group-hover:bg-aurora-50",
+        s
+      ),
       role: "presentation",
       children: [
-        /* @__PURE__ */ e(c, { "aria-hidden": "true", className: "w-7 h-7" }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            "aria-hidden": "true",
+            className: r("w-7 h-7", n)
+          }
+        ),
         /* @__PURE__ */ e("span", { className: "sr-only", children: "Show Actions" })
       ]
     }
   ),
-  /* @__PURE__ */ e("div", { className: "absolute top-full right-0 w-[215px] hidden group-hover:block z-10", children: /* @__PURE__ */ e("div", { className: "bg-white mt-0.5 py-2 rounded-lg shadow-lg border border-zinc-100 animate-in fade-in-0", children: t.map(({ label: a, onClick: l, className: s }) => /* @__PURE__ */ e(
-    r,
+  /* @__PURE__ */ e(
+    "div",
     {
-      className: n(
-        "w-full text-slate-800 cursor-pointer p-0 h-9 flex gap-2 text-sm font-normal justify-start hover:bg-gray-50 hover:text-slate-800 rounded-none px-6",
-        s
+      className: r(
+        "absolute top-full right-0 w-[215px] hidden group-hover:block z-10",
+        c
       ),
-      variant: "text",
-      asChild: !0,
-      role: "presentation",
-      children: /* @__PURE__ */ e(r, { onClick: () => l(i.row.original), children: a })
-    },
-    a
-  )) }) })
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: r(
+            "bg-white mt-0.5 py-2 rounded-lg shadow-lg border border-zinc-100 animate-in fade-in-0",
+            d
+          ),
+          children: a.map(({ label: o, className: p, onClick: m }) => /* @__PURE__ */ e(
+            t,
+            {
+              className: r(
+                "w-full text-slate-800 cursor-pointer p-0 h-9 flex gap-2 text-sm font-normal justify-start hover:bg-gray-50 hover:text-slate-800 rounded-none px-6",
+                p
+              ),
+              variant: "text",
+              asChild: !0,
+              role: "presentation",
+              children: /* @__PURE__ */ e(t, { onClick: () => m(h.row.original), children: o })
+            },
+            o
+          ))
+        }
+      )
+    }
+  )
 ] }) : null;
 export {
-  u as Actions
+  w as Actions
 };

package/dist/components/VirtualizedTable/components/Body/Body.js

@@ -1,48 +1,51 @@
-import { jsx as t } from "react/jsx-runtime";
-import { f as x } from "../../../../index-CSWGJT-v.js";
-import { Skeleton as y } from "../Skeleton/Skeleton.js";
+import { jsx as e } from "react/jsx-runtime";
+import { f as y } from "../../../../index-CSWGJT-v.js";
+import { Skeleton as x } from "../Skeleton/Skeleton.js";
 import { cn as b } from "../../../../utils/index.js";
-import { useTableContext as N } from "../../contexts/table.hook.js";
-const j = ({
+import { useTableContext as D } from "../../contexts/table.hook.js";
+const _ = ({
   isLoading: d,
   showPagination: a
 }) => {
-  const { table: o, pageSize: i, tableFetching: f } = N();
-  if (d || f)
-    return /* @__PURE__ */ t(y, { numberOfRows: i, table: o });
-  const e = o.getRowModel().rows ?? [];
-  return /* @__PURE__ */ t("tbody", { className: "text-slate-800 text-sm font-normal relative", children: e.map(({ id: s, original: p, getVisibleCells: u }, l) => {
-    const { meta: n = {} } = p, m = u();
-    return /* @__PURE__ */ t(
+  const { table: s, pageSize: i, tableFetching: p } = D();
+  if (d || p)
+    return /* @__PURE__ */ e(x, { numberOfRows: i, table: s });
+  const r = s.getRowModel().rows ?? [];
+  return /* @__PURE__ */ e("tbody", { className: "text-slate-800 text-sm font-normal relative", children: r.map(({ id: o, original: l, getVisibleCells: u }, m) => {
+    const { meta: n = {} } = l, c = u();
+    return /* @__PURE__ */ e(
       "tr",
       {
         className: b(
           "border-b border-b-gray-200 last:border-b-transparent bg-transparent",
           n.className
         ),
-        "data-row-id": s,
+        "data-row-id": o,
         ...n.attributes ?? {},
-        children: m.map(({ id: g, column: r, getContext: h }, c) => /* @__PURE__ */ t(
-          "td",
-          {
-            className: b(
-              "px-4 py-1 text-sm bg-white",
-              r.columnDef.meta?.className,
-              {
-                "[tr:last-child_&:first-of-type]:rounded-bl-lg": l === e.length - 1 && c === 0 || !a,
-                "[tr:last-child_&:last-of-type]:rounded-br-lg": l === e.length - 1 && c === m.length - 1 || !a
-              }
-            ),
-            ...r.columnDef.meta?.attributes ?? {},
-            children: x(r.columnDef.cell, h())
-          },
-          g
-        ))
+        children: c.map(({ id: g, column: t, getContext: h }, f) => {
+          const N = typeof t.columnDef.meta?.className == "function" ? t.columnDef.meta?.className(l) : t.columnDef.meta?.className;
+          return /* @__PURE__ */ e(
+            "td",
+            {
+              className: b(
+                "px-4 py-1 text-sm bg-white",
+                N,
+                {
+                  "[tr:last-child_&:first-of-type]:rounded-bl-lg": m === r.length - 1 && f === 0 || !a,
+                  "[tr:last-child_&:last-of-type]:rounded-br-lg": m === r.length - 1 && f === c.length - 1 || !a
+                }
+              ),
+              ...t.columnDef.meta?.attributes ?? {},
+              children: y(t.columnDef.cell, h())
+            },
+            g
+          );
+        })
       },
-      s
+      o
     );
   }) });
 };
 export {
-  j as Body
+  _ as Body
 };

package/dist/index.d.ts

@@ -645,6 +645,11 @@ declare type Props_4<TData extends RowData_2> = VariantProps<typeof virtualizeTa
 
 declare type Props_5<TData extends RowData> = CellContext<TData, unknown> & {
     actions: Action<TData>[];
+    iconTriggerButtonClassName?: string;
+    triggerButtonClassName?: string;
+    wrapperActionsClassName?: string;
+    wrapperClassName?: string;
+    wrapperContentActionsClassName?: string;
 };
 
 export declare const Radio: FC<RadioProps>;
@@ -980,7 +985,7 @@ export { }
 
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TData extends RowData, TValue> {
-        className?: string;
+        className?: string | ((row: TData) => string);
         attributes?: Record<string, string | number | boolean>;
         headerClassName?: string;
     }

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.24",
+  "version": "0.1.2-alpha.25",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.25",
+  "version": "0.1.2-alpha.26",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",