@loopstack/loopstack-studio 0.24.0 → 0.25.1

package/dist/components/data-table/DataTable.js

@@ -1,267 +1,201 @@
-import { Button } from "../ui/button.js";
-import { Card, CardContent } from "../ui/card.js";
-import { Checkbox } from "../ui/checkbox.js";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../ui/table.js";
-import ConfirmDialog_default from "./ConfirmDialog.js";
-import DataTableBatchAction_default from "./DataTableBatchAction.js";
-import DataTableFilters_default from "./DataTableFilters.js";
-import DataTablePagination_default from "./DataTablePagination.js";
-import DataTableToolbar_default from "./DataTableToolbar.js";
-import { c } from "react/compiler-runtime";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDown, ArrowUp, Edit, Eye, Loader2, Trash2 } from "lucide-react";
-var safeToString = (e) => e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" ? JSON.stringify(e) : JSON.stringify(e) ?? "";
-function DataTable(Ee) {
-	let r = c(102), { data: i, columns: De, totalItems: Oe, loading: ke, error: a, page: Ae, pageSize: je, onPageChange: Me, onPageSizeChange: Ne, sortBy: o, sortOrder: s, onSortChange: l, searchTerm: Pe, onSearchChange: Fe, filters: u, filterConfig: d, onFiltersChange: f, onRowClick: p, onEdit: Ie, onDelete: m, onNew: Le, newButtonLabel: Re, enableBatchActions: ze, batchActions: h, onBatchDelete: g, rowActions: Be, deleteConfirmTitle: Ve, deleteConfirmDescription: He } = Ee, Ue = ke === void 0 ? !1 : ke, _;
-	r[0] === u ? _ = r[1] : (_ = u === void 0 ? {} : u, r[0] = u, r[1] = _);
-	let v = _, y;
-	r[2] === d ? y = r[3] : (y = d === void 0 ? {} : d, r[2] = d, r[3] = y);
-	let b = y, x = ze === void 0 ? !0 : ze, S;
-	r[4] === h ? S = r[5] : (S = h === void 0 ? [] : h, r[4] = h, r[5] = S);
-	let We = S, Ge = Be === void 0 ? [] : Be, C;
-	r[6] === Symbol.for("react.memo_cache_sentinel") ? (C = [], r[6] = C) : C = r[6];
-	let [w, T] = useState(C), [E, Ke] = useState(!1), D;
-	r[7] === Symbol.for("react.memo_cache_sentinel") ? (D = {
+import { Button as e } from "../ui/button.js";
+import { Card as t, CardContent as n } from "../ui/card.js";
+import { Checkbox as r } from "../ui/checkbox.js";
+import { Table as i, TableBody as ee, TableCell as a, TableHead as o, TableHeader as te, TableRow as s } from "../ui/table.js";
+import ne from "./ConfirmDialog.js";
+import c from "./DataTableBatchAction.js";
+import l from "./DataTableFilters.js";
+import u from "./DataTablePagination.js";
+import d from "./DataTableToolbar.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowDown as re, ArrowUp as ie, Edit as ae, Eye as h, Loader2 as g, Trash2 as _ } from "lucide-react";
+//#region src/components/data-table/DataTable.tsx
+var v = (e) => e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" ? JSON.stringify(e) : JSON.stringify(e) ?? "";
+function y({ data: y, columns: b, totalItems: oe, loading: x = !1, error: S, page: C, pageSize: w, onPageChange: T, onPageSizeChange: E, sortBy: D, sortOrder: O, onSortChange: k, searchTerm: A, onSearchChange: j, filters: M = {}, filterConfig: N = {}, onFiltersChange: P, onRowClick: F, onEdit: I, onDelete: L, onNew: R, newButtonLabel: z, enableBatchActions: B = !0, batchActions: V = [], onBatchDelete: H, rowActions: U = [], deleteConfirmTitle: W, deleteConfirmDescription: se }) {
+	let [G, K] = f([]), [q, ce] = f(!1), [J, Y] = f({
 		isOpen: !1,
 		type: "single"
-	}, r[7] = D) : D = r[7];
-	let [O, k] = useState(D), qe;
-	r[8] !== i || r[9] !== w.length ? (qe = () => {
-		w.length === i.length ? T([]) : T(i.map(_temp));
-	}, r[8] = i, r[9] = w.length, r[10] = qe) : qe = r[10];
-	let Je = qe, A;
-	r[11] === Symbol.for("react.memo_cache_sentinel") ? (A = (e) => {
-		T((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, r[11] = A) : A = r[11];
-	let Ye = A, j;
-	r[12] === Symbol.for("react.memo_cache_sentinel") ? (j = () => T([]), r[12] = j) : j = r[12];
-	let Xe = j, M;
-	r[13] !== l || r[14] !== o || r[15] !== s ? (M = (e) => {
-		o === e ? l(e, s === "ASC" ? "DESC" : "ASC") : l(e, "ASC");
-	}, r[13] = l, r[14] = o, r[15] = s, r[16] = M) : M = r[16];
-	let Ze = M, N;
-	r[17] === k ? N = r[18] : (N = (e) => {
-		k({
+	}), le = () => {
+		G.length === y.length ? K([]) : K(y.map((e) => e.id));
+	}, ue = (e) => {
+		K((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, X = () => K([]), de = (e) => {
+		D === e ? k(e, O === "ASC" ? "DESC" : "ASC") : k(e, "ASC");
+	}, fe = (e) => {
+		Y({
 			isOpen: !0,
 			type: "single",
 			itemId: e
 		});
-	}, r[17] = k, r[18] = N);
-	let Qe = N, P;
-	r[19] === k ? P = r[20] : (P = () => {
-		k({
+	}, Z = () => {
+		Y({
 			isOpen: !0,
 			type: "batch"
 		});
-	}, r[19] = k, r[20] = P);
-	let F = P, I;
-	r[21] !== O.itemId || r[22] !== O.type || r[23] !== g || r[24] !== m || r[25] !== w || r[26] !== k ? (I = async () => {
-		O.type === "single" && O.itemId ? m?.(O.itemId) : O.type === "batch" && g && (await Promise.resolve(g(w)), Xe()), k({
+	}, pe = async () => {
+		J.type === "single" && J.itemId ? L?.(J.itemId) : J.type === "batch" && H && (await Promise.resolve(H(G)), X()), Y({
 			isOpen: !1,
 			type: "single"
 		});
-	}, r[21] = O.itemId, r[22] = O.type, r[23] = g, r[24] = m, r[25] = w, r[26] = k, r[27] = I) : I = r[27];
-	let $e = I, L;
-	r[28] !== F || r[29] !== g ? (L = g ? [{
+	}, me = [...H ? [{
 		id: "delete",
 		label: "Delete Selected",
-		icon: /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+		icon: /* @__PURE__ */ p(_, { className: "mr-2 h-4 w-4" }),
 		variant: "destructive",
-		action: F
-	}] : [], r[28] = F, r[29] = g, r[30] = L) : L = r[30];
-	let R;
-	r[31] !== We || r[32] !== L ? (R = [...L, ...We], r[31] = We, r[32] = L, r[33] = R) : R = r[33];
-	let et = R, z;
-	r[34] !== F || r[35] !== w ? (z = (e) => {
-		e.id === "delete" ? F() : (e.action(w), Xe());
-	}, r[34] = F, r[35] = w, r[36] = z) : z = r[36];
-	let tt = z, B;
-	r[37] !== o || r[38] !== s ? (B = (e) => o === e ? jsx(s === "ASC" ? ArrowUp : ArrowDown, { className: "h-4 w-4" }) : null, r[37] = o, r[38] = s, r[39] = B) : B = r[39];
-	let nt = B, V;
-	r[40] === v ? V = r[41] : (V = Object.values(v).filter(Boolean), r[40] = v, r[41] = V);
-	let rt = V.length, it = [...[
-		...p ? [{
+		action: Z
+	}] : [], ...V], he = (e) => {
+		e.id === "delete" ? Z() : (e.action(G), X());
+	}, ge = (e) => D === e ? p(O === "ASC" ? ie : re, { className: "h-4 w-4" }) : null, _e = Object.values(M).filter(Boolean).length, Q = [...[
+		...F ? [{
 			id: "view",
 			label: "View",
-			icon: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+			icon: /* @__PURE__ */ p(h, { className: "h-4 w-4" }),
 			variant: "ghost",
-			action: p
+			action: F
 		}] : [],
-		...Ie ? [{
+		...I ? [{
 			id: "edit",
 			label: "Edit",
-			icon: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" }),
+			icon: /* @__PURE__ */ p(ae, { className: "h-4 w-4" }),
 			variant: "ghost",
-			action: Ie
+			action: I
 		}] : [],
-		...m ? [{
+		...L ? [{
 			id: "delete",
 			label: "Delete",
-			icon: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+			icon: /* @__PURE__ */ p(_, { className: "h-4 w-4" }),
 			variant: "ghost",
-			action: (e) => Qe(e.id)
+			action: (e) => fe(e.id)
 		}] : []
-	], ...Ge], at = it.length > 0, H;
-	r[42] === E ? H = r[43] : (H = () => Ke(!E), r[42] = E, r[43] = H);
-	let ot = !!f && Object.keys(b).length > 0, st = !!Fe, U;
-	r[44] !== rt || r[45] !== E || r[46] !== Re || r[47] !== Le || r[48] !== Fe || r[49] !== Pe || r[50] !== H || r[51] !== ot || r[52] !== st ? (U = /* @__PURE__ */ jsx(DataTableToolbar_default, {
-		searchTerm: Pe,
-		onSearchChange: Fe,
-		onFilterToggle: H,
-		onNew: Le,
-		newButtonLabel: Re,
-		filterCount: rt,
-		isFilterOpen: E,
-		showFilter: ot,
-		showSearch: st
-	}), r[44] = rt, r[45] = E, r[46] = Re, r[47] = Le, r[48] = Fe, r[49] = Pe, r[50] = H, r[51] = ot, r[52] = st, r[53] = U) : U = r[53];
-	let W;
-	r[54] !== b || r[55] !== v || r[56] !== E || r[57] !== f ? (W = /* @__PURE__ */ jsx(DataTableFilters_default, {
-		filters: v,
-		filterConfig: b,
-		onFiltersChange: f,
-		isOpen: E
-	}), r[54] = b, r[55] = v, r[56] = E, r[57] = f, r[58] = W) : W = r[58];
-	let G;
-	r[59] !== et || r[60] !== x || r[61] !== tt || r[62] !== w.length ? (G = x && /* @__PURE__ */ jsx(DataTableBatchAction_default, {
-		selectedCount: w.length,
-		batchActions: et,
-		onBatchAction: tt
-	}), r[59] = et, r[60] = x, r[61] = tt, r[62] = w.length, r[63] = G) : G = r[63];
-	let K;
-	r[64] === a ? K = r[65] : (K = a && /* @__PURE__ */ jsx(Card, {
-		className: "border-destructive/50 bg-destructive/5",
-		children: /* @__PURE__ */ jsx(CardContent, {
-			className: "p-4",
-			children: /* @__PURE__ */ jsxs("p", {
-				className: "text-destructive font-medium",
-				children: ["Error: ", a.message]
-			})
-		})
-	}), r[64] = a, r[65] = K);
-	let ct = Ue ? /* @__PURE__ */ jsx("div", {
-		className: "flex items-center justify-center py-8",
-		children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin" })
-	}) : /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-		x && /* @__PURE__ */ jsx(TableHead, {
-			className: "w-12",
-			children: /* @__PURE__ */ jsx(Checkbox, {
-				checked: w.length === i.length && i.length > 0,
-				onCheckedChange: Je,
-				"aria-label": "Select all rows"
-			})
-		}),
-		De.map((t) => /* @__PURE__ */ jsx(TableHead, {
-			className: `${t.align === "center" ? "text-center" : t.align === "right" ? "text-right" : ""}`,
-			style: { minWidth: t.minWidth },
-			children: t.sortable === !1 ? /* @__PURE__ */ jsx("span", {
-				className: "font-semibold",
-				children: t.label
-			}) : /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				onClick: () => Ze(t.id),
-				className: "h-auto p-0 font-semibold hover:bg-transparent",
-				children: [t.label, nt(t.id)]
-			})
-		}, t.id)),
-		at && /* @__PURE__ */ jsx(TableHead, {
-			className: "text-center",
-			children: "Actions"
-		})
-	] }) }), /* @__PURE__ */ jsx(TableBody, { children: i.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
-		colSpan: De.length + (x ? 1 : 0) + (at ? 1 : 0),
-		className: "text-muted-foreground py-8 text-center",
-		children: "No items found"
-	}) }) : i.map((t) => /* @__PURE__ */ jsxs(TableRow, {
-		className: `${p ? "cursor-pointer" : ""} ${w.includes(t.id) ? "bg-muted/50" : ""}`,
-		onClick: p ? () => p(t) : void 0,
+	], ...U], $ = Q.length > 0;
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-4",
 		children: [
-			x && /* @__PURE__ */ jsx(TableCell, {
-				onClick: _temp2,
-				children: /* @__PURE__ */ jsx(Checkbox, {
-					checked: w.includes(t.id),
-					onCheckedChange: () => Ye(t.id),
-					"aria-label": `Select row ${t.id}`
-				})
+			/* @__PURE__ */ p(d, {
+				searchTerm: A,
+				onSearchChange: j,
+				onFilterToggle: () => ce(!q),
+				onNew: R,
+				newButtonLabel: z,
+				filterCount: _e,
+				isFilterOpen: q,
+				showFilter: !!P && Object.keys(N).length > 0,
+				showSearch: !!j
+			}),
+			/* @__PURE__ */ p(l, {
+				filters: M,
+				filterConfig: N,
+				onFiltersChange: P,
+				isOpen: q
 			}),
-			De.map((e) => /* @__PURE__ */ jsx(TableCell, {
-				className: e.align === "center" ? "text-center" : e.align === "right" ? "text-right" : "",
-				children: e.format ? e.format(t[e.id], t) : safeToString(t[e.id])
-			}, e.id)),
-			at && /* @__PURE__ */ jsx(TableCell, {
-				className: "text-center",
-				onClick: _temp3,
-				children: /* @__PURE__ */ jsx("div", {
-					className: "flex items-center justify-center gap-1",
-					children: it.map((n) => !n.condition || n.condition(t) ? /* @__PURE__ */ jsx(Button, {
-						variant: n.variant || "ghost",
-						size: "sm",
-						onClick: () => void n.action(t),
-						disabled: n.disabled?.(t),
-						title: n.label,
-						className: n.className,
-						children: n.icon
-					}, n.id) : null)
+			B && /* @__PURE__ */ p(c, {
+				selectedCount: G.length,
+				batchActions: me,
+				onBatchAction: he
+			}),
+			S && /* @__PURE__ */ p(t, {
+				className: "border-destructive/50 bg-destructive/5",
+				children: /* @__PURE__ */ p(n, {
+					className: "p-4",
+					children: /* @__PURE__ */ m("p", {
+						className: "text-destructive font-medium",
+						children: ["Error: ", S.message]
+					})
 				})
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "w-full",
+				children: x ? /* @__PURE__ */ p("div", {
+					className: "flex items-center justify-center py-8",
+					children: /* @__PURE__ */ p(g, { className: "h-8 w-8 animate-spin" })
+				}) : /* @__PURE__ */ m(i, { children: [/* @__PURE__ */ p(te, { children: /* @__PURE__ */ m(s, { children: [
+					B && /* @__PURE__ */ p(o, {
+						className: "w-12",
+						children: /* @__PURE__ */ p(r, {
+							checked: G.length === y.length && y.length > 0,
+							onCheckedChange: le,
+							"aria-label": "Select all rows"
+						})
+					}),
+					b.map((t) => /* @__PURE__ */ p(o, {
+						className: `${t.align === "center" ? "text-center" : t.align === "right" ? "text-right" : ""}`,
+						style: { minWidth: t.minWidth },
+						children: t.sortable === !1 ? /* @__PURE__ */ p("span", {
+							className: "font-semibold",
+							children: t.label
+						}) : /* @__PURE__ */ m(e, {
+							variant: "ghost",
+							onClick: () => de(t.id),
+							className: "h-auto p-0 font-semibold hover:bg-transparent",
+							children: [t.label, ge(t.id)]
+						})
+					}, t.id)),
+					$ && /* @__PURE__ */ p(o, {
+						className: "text-center",
+						children: "Actions"
+					})
+				] }) }), /* @__PURE__ */ p(ee, { children: y.length === 0 ? /* @__PURE__ */ p(s, { children: /* @__PURE__ */ p(a, {
+					colSpan: b.length + +!!B + +!!$,
+					className: "text-muted-foreground py-8 text-center",
+					children: "No items found"
+				}) }) : y.map((t) => /* @__PURE__ */ m(s, {
+					className: `${F ? "cursor-pointer" : ""} ${G.includes(t.id) ? "bg-muted/50" : ""}`,
+					onClick: F ? () => F(t) : void 0,
+					children: [
+						B && /* @__PURE__ */ p(a, {
+							onClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ p(r, {
+								checked: G.includes(t.id),
+								onCheckedChange: () => ue(t.id),
+								"aria-label": `Select row ${t.id}`
+							})
+						}),
+						b.map((e) => /* @__PURE__ */ p(a, {
+							className: e.align === "center" ? "text-center" : e.align === "right" ? "text-right" : "",
+							children: e.format ? e.format(t[e.id], t) : v(t[e.id])
+						}, e.id)),
+						$ && /* @__PURE__ */ p(a, {
+							className: "text-center",
+							onClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ p("div", {
+								className: "flex items-center justify-center gap-1",
+								children: Q.map((n) => !n.condition || n.condition(t) ? /* @__PURE__ */ p(e, {
+									variant: n.variant || "ghost",
+									size: "sm",
+									onClick: () => void n.action(t),
+									disabled: n.disabled?.(t),
+									title: n.label,
+									className: n.className,
+									children: n.icon
+								}, n.id) : null)
+							})
+						})
+					]
+				}, t.id)) })] })
+			}),
+			/* @__PURE__ */ p(u, {
+				page: C,
+				pageSize: w,
+				totalItems: oe,
+				onPageChange: T,
+				onPageSizeChange: E
+			}),
+			/* @__PURE__ */ p(ne, {
+				isOpen: J.isOpen,
+				onOpenChange: (e) => Y({
+					...J,
+					isOpen: e
+				}),
+				title: J.type === "single" ? J.itemId && W?.(J.itemId) || "Delete Item" : "Delete Items",
+				description: J.type === "single" ? J.itemId && se?.(J.itemId) || "Are you sure you want to delete this item? This action cannot be undone." : `Are you sure you want to delete ${G.length} items? This action cannot be undone.`,
+				onConfirm: () => void pe(),
+				confirmText: "Delete",
+				cancelText: "Cancel",
+				variant: "destructive"
 			})
 		]
-	}, t.id)) })] }), q;
-	r[66] === ct ? q = r[67] : (q = /* @__PURE__ */ jsx("div", {
-		className: "w-full",
-		children: ct
-	}), r[66] = ct, r[67] = q);
-	let J;
-	r[68] !== Me || r[69] !== Ne || r[70] !== Ae || r[71] !== je || r[72] !== Oe ? (J = /* @__PURE__ */ jsx(DataTablePagination_default, {
-		page: Ae,
-		pageSize: je,
-		totalItems: Oe,
-		onPageChange: Me,
-		onPageSizeChange: Ne
-	}), r[68] = Me, r[69] = Ne, r[70] = Ae, r[71] = je, r[72] = Oe, r[73] = J) : J = r[73];
-	let Y;
-	r[74] !== O || r[75] !== k ? (Y = (e) => k({
-		...O,
-		isOpen: e
-	}), r[74] = O, r[75] = k, r[76] = Y) : Y = r[76];
-	let X;
-	r[77] !== Ve || r[78] !== O.itemId || r[79] !== O.type ? (X = O.type === "single" ? O.itemId && Ve?.(O.itemId) || "Delete Item" : "Delete Items", r[77] = Ve, r[78] = O.itemId, r[79] = O.type, r[80] = X) : X = r[80];
-	let Z;
-	r[81] !== He || r[82] !== O.itemId || r[83] !== O.type || r[84] !== w.length ? (Z = O.type === "single" ? O.itemId && He?.(O.itemId) || "Are you sure you want to delete this item? This action cannot be undone." : `Are you sure you want to delete ${w.length} items? This action cannot be undone.`, r[81] = He, r[82] = O.itemId, r[83] = O.type, r[84] = w.length, r[85] = Z) : Z = r[85];
-	let Q;
-	r[86] === $e ? Q = r[87] : (Q = () => void $e(), r[86] = $e, r[87] = Q);
-	let $;
-	r[88] !== O.isOpen || r[89] !== Y || r[90] !== X || r[91] !== Z || r[92] !== Q ? ($ = /* @__PURE__ */ jsx(ConfirmDialog_default, {
-		isOpen: O.isOpen,
-		onOpenChange: Y,
-		title: X,
-		description: Z,
-		onConfirm: Q,
-		confirmText: "Delete",
-		cancelText: "Cancel",
-		variant: "destructive"
-	}), r[88] = O.isOpen, r[89] = Y, r[90] = X, r[91] = Z, r[92] = Q, r[93] = $) : $ = r[93];
-	let lt;
-	return r[94] !== U || r[95] !== W || r[96] !== G || r[97] !== K || r[98] !== q || r[99] !== J || r[100] !== $ ? (lt = /* @__PURE__ */ jsxs("div", {
-		className: "space-y-4",
-		children: [
-			U,
-			W,
-			G,
-			K,
-			q,
-			J,
-			$
-		]
-	}), r[94] = U, r[95] = W, r[96] = G, r[97] = K, r[98] = q, r[99] = J, r[100] = $, r[101] = lt) : lt = r[101], lt;
-}
-function _temp3(e) {
-	return e.stopPropagation();
-}
-function _temp2(e) {
-	return e.stopPropagation();
-}
-function _temp(e) {
-	return e.id;
+	});
 }
-export { DataTable };
+//#endregion
+export { y as DataTable };

package/dist/components/data-table/DataTableBatchAction.js

@@ -1,32 +1,23 @@
-import { Button } from "../ui/button.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DataTableBatchAction_default = (i) => {
-	let a = c(9), { selectedCount: o, batchActions: s, onBatchAction: l } = i;
-	if (o === 0) return null;
-	let u;
-	if (a[0] !== s || a[1] !== l || a[2] !== o) {
-		let r;
-		a[4] !== l || a[5] !== o ? (r = (r) => /* @__PURE__ */ jsxs(Button, {
-			variant: r.variant || "outline",
+import { Button as e } from "../ui/button.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/data-table/DataTableBatchAction.tsx
+var r = ({ selectedCount: r, batchActions: i, onBatchAction: a }) => r === 0 ? null : /* @__PURE__ */ t("div", {
+	className: "mr-4 flex items-center justify-between",
+	children: /* @__PURE__ */ t("div", {
+		className: "flex gap-2",
+		children: i.map((t) => /* @__PURE__ */ n(e, {
+			variant: t.variant || "outline",
 			size: "sm",
-			onClick: () => l(r),
+			onClick: () => a(t),
 			children: [
-				r.icon,
-				r.label,
+				t.icon,
+				t.label,
 				" (",
-				o,
+				r,
 				")"
 			]
-		}, r.id), a[4] = l, a[5] = o, a[6] = r) : r = a[6], u = s.map(r), a[0] = s, a[1] = l, a[2] = o, a[3] = u;
-	} else u = a[3];
-	let d;
-	return a[7] === u ? d = a[8] : (d = /* @__PURE__ */ jsx("div", {
-		className: "mr-4 flex items-center justify-between",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex gap-2",
-			children: u
-		})
-	}), a[7] = u, a[8] = d), d;
-};
-export { DataTableBatchAction_default as default };
+		}, t.id))
+	})
+});
+//#endregion
+export { r as default };

package/dist/components/data-table/DataTableFilters.js

@@ -1,94 +1,69 @@
-import { Button } from "../ui/button.js";
-import { Badge } from "../ui/badge.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-function getOptionValue(e) {
+import { Button as e } from "../ui/button.js";
+import { Badge as t } from "../ui/badge.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../ui/select.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { X as l } from "lucide-react";
+//#region src/components/data-table/DataTableFilters.tsx
+function u(e) {
 	return typeof e == "string" ? e : e.value;
 }
-function getOptionLabel(e) {
+function d(e) {
 	return typeof e == "string" ? e : e.label;
 }
-var DataTableFilters_default = (g) => {
-	let _ = c(20), { filters: v, filterConfig: y, onFiltersChange: b, isOpen: x } = g;
-	if (!x) return null;
-	let S;
-	_[0] !== v || _[1] !== b ? (S = (e, d) => {
-		let f = { ...v };
-		d === "all" ? delete f[e] : f[e] = d, b?.(f);
-	}, _[0] = v, _[1] = b, _[2] = S) : S = _[2];
-	let C = S, w;
-	_[3] === b ? w = _[4] : (w = () => {
-		b?.({});
-	}, _[3] = b, _[4] = w);
-	let T = w, E, D, O, k;
-	if (_[5] !== y || _[6] !== v || _[7] !== C) {
-		E = Object.entries(v).filter(_temp);
-		let e = (e, d) => {
-			let f = y[e];
-			if (!f) return d;
-			let p = f.find((e) => getOptionValue(e) === d);
-			return p ? getOptionLabel(p) : d;
-		};
-		D = "flex flex-wrap gap-4", O = Object.entries(y).map((e) => {
-			let [d, h] = e;
-			return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, {
-				value: v[d] || "all",
-				onValueChange: (e) => C(d, e),
-				children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${d}` }) }), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsxs(SelectItem, {
+var f = ({ filters: f, filterConfig: p, onFiltersChange: m, isOpen: h }) => {
+	if (!h) return null;
+	let g = (e, t) => {
+		let n = { ...f };
+		t === "all" ? delete n[e] : n[e] = t, m?.(n);
+	}, _ = () => {
+		m?.({});
+	}, v = Object.entries(f).filter(([e, t]) => t), y = (e, t) => {
+		let n = p[e];
+		if (!n) return t;
+		let r = n.find((e) => u(e) === t);
+		return r ? d(r) : t;
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "flex flex-wrap gap-4",
+		children: [
+			Object.entries(p).map(([e, t]) => /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c(n, {
+				value: f[e] || "all",
+				onValueChange: (t) => g(e, t),
+				children: [/* @__PURE__ */ s(a, { children: /* @__PURE__ */ s(o, { placeholder: `Select ${e}` }) }), /* @__PURE__ */ c(r, { children: [/* @__PURE__ */ c(i, {
 					value: "all",
-					children: ["All ", d]
-				}), h.map(_temp2)] })]
-			}) }, d);
-		}), k = E.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "flex flex-wrap gap-2",
-			children: E.map((f) => {
-				let [p, m] = f;
-				return /* @__PURE__ */ jsxs(Badge, {
+					children: ["All ", e]
+				}), t.map((e) => /* @__PURE__ */ s(i, {
+					value: u(e),
+					children: d(e)
+				}, u(e)))] })]
+			}) }, e)),
+			v.length > 0 && /* @__PURE__ */ s("div", {
+				className: "flex flex-wrap gap-2",
+				children: v.map(([e, n]) => /* @__PURE__ */ c(t, {
 					variant: "secondary",
 					className: "flex items-center gap-1",
 					children: [
-						p,
+						e,
 						": ",
-						e(p, m),
-						/* @__PURE__ */ jsx("button", {
+						y(e, n),
+						/* @__PURE__ */ s("button", {
 							onClick: () => {
-								C(p, "all");
+								g(e, "all");
 							},
-							children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 cursor-pointer" })
+							children: /* @__PURE__ */ s(l, { className: "h-3 w-3 cursor-pointer" })
 						})
 					]
-				}, p);
+				}, e))
+			}),
+			v.length > 0 && /* @__PURE__ */ s(e, {
+				variant: "outline",
+				size: "sm",
+				onClick: _,
+				className: "ml-auto",
+				children: "Clear All"
 			})
-		}), _[5] = y, _[6] = v, _[7] = C, _[8] = E, _[9] = D, _[10] = O, _[11] = k;
-	} else E = _[8], D = _[9], O = _[10], k = _[11];
-	let A;
-	_[12] !== E.length || _[13] !== T ? (A = E.length > 0 && /* @__PURE__ */ jsx(Button, {
-		variant: "outline",
-		size: "sm",
-		onClick: T,
-		className: "ml-auto",
-		children: "Clear All"
-	}), _[12] = E.length, _[13] = T, _[14] = A) : A = _[14];
-	let j;
-	return _[15] !== D || _[16] !== O || _[17] !== k || _[18] !== A ? (j = /* @__PURE__ */ jsxs("div", {
-		className: D,
-		children: [
-			O,
-			k,
-			A
 		]
-	}), _[15] = D, _[16] = O, _[17] = k, _[18] = A, _[19] = j) : j = _[19], j;
+	});
 };
-function _temp(e) {
-	let [, d] = e;
-	return d;
-}
-function _temp2(e) {
-	return /* @__PURE__ */ jsx(SelectItem, {
-		value: getOptionValue(e),
-		children: getOptionLabel(e)
-	}, getOptionValue(e));
-}
-export { DataTableFilters_default as default };
+//#endregion
+export { f as default };