@burdenoff/microfe-movethewheels 2026.703.6 → 2026.703.8

package/dist/DataTable-KjzbwnRL.js

@@ -1,340 +0,0 @@
-import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as ee, P as te, R as ne, U as s, W as c, q as l, rt as u, u as d, ut as f } from "./PageLayout-DX1Ou6V6.js";
-import { n as re, t as ie } from "./arrow-up-PxaOIyiT.js";
-import { t as p } from "./chevron-left-dhEGJYdh.js";
-import { t as m } from "./chevron-right-Cud2NDvm.js";
-import { t as ae } from "./search-D7Ya6jxj.js";
-import { useMemo as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { IllustratedEmptyState as y } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/arrow-up-down.js
-var oe = f("ArrowUpDown", [
-	["path", {
-		d: "m21 16-4 4-4-4",
-		key: "f6ql7i"
-	}],
-	["path", {
-		d: "M17 20V4",
-		key: "1ejh1v"
-	}],
-	["path", {
-		d: "m3 8 4-4 4 4",
-		key: "11wl7u"
-	}],
-	["path", {
-		d: "M7 4v16",
-		key: "1glfcx"
-	}]
-]), b = f("ChevronsLeft", [["path", {
-	d: "m11 17-5-5 5-5",
-	key: "13zhaf"
-}], ["path", {
-	d: "m18 17-5-5 5-5",
-	key: "h8a8et"
-}]]), se = f("ChevronsRight", [["path", {
-	d: "m6 17 5-5-5-5",
-	key: "xnjwq"
-}], ["path", {
-	d: "m13 17 5-5-5-5",
-	key: "17xmmf"
-}]]);
-//#endregion
-//#region src/movethewheels/components/DataTable.tsx
-function x({ columns: f, data: x, isLoading: ce = !1, searchable: S = !1, searchPlaceholder: le = "Search...", searchFields: C, pagination: w = !0, pageSize: T = 10, pageSizeOptions: ue = [
-	10,
-	25,
-	50,
-	100
-], onRowClick: E, rowClassName: D, emptyMessage: O = "No data found", emptyIllustration: k, emptyTitle: de, emptyDescription: fe, emptyAction: pe, className: A, getRowId: j, pageIndex: me, onPageChange: M, onPageSizeChange: he, totalItems: N, hasNextPage: ge }) {
-	let P = typeof M == "function", F = me ?? 0, [I, _e] = g(""), [L, R] = g(null), [z, B] = g(null), [V, H] = g(1), [U, ve] = g(T), W = P ? T : U, G = h(() => {
-		if (!I || !C || C.length === 0) return x;
-		let e = I.toLowerCase();
-		return x.filter((t) => C.some((n) => {
-			let r = t[n];
-			return r != null && String(r).toLowerCase().includes(e);
-		}));
-	}, [
-		x,
-		I,
-		C
-	]), K = h(() => {
-		if (!L || !z) return G;
-		let e = f.find((e) => e.id === L);
-		return e?.accessorKey ? [...G].sort((t, n) => {
-			let r = t[e.accessorKey], i = n[e.accessorKey];
-			if (r == null) return 1;
-			if (i == null) return -1;
-			let a = 0;
-			return a = typeof r == "string" && typeof i == "string" ? r.localeCompare(i) : typeof r == "number" && typeof i == "number" ? r - i : r instanceof Date && i instanceof Date ? r.getTime() - i.getTime() : String(r).localeCompare(String(i)), z === "asc" ? a : -a;
-		}) : G;
-	}, [
-		G,
-		L,
-		z,
-		f
-	]), q = h(() => {
-		if (!w || P) return K;
-		let e = (V - 1) * U;
-		return K.slice(e, e + U);
-	}, [
-		K,
-		V,
-		U,
-		w,
-		P
-	]), J = Math.max(1, Math.ceil(K.length / U)), Y = typeof N == "number", X = Y ? Math.max(1, Math.ceil(N / W)) : void 0, ye = (e) => {
-		L === e ? z === "asc" ? B("desc") : z === "desc" && (R(null), B(null)) : (R(e), B("asc"));
-	}, be = (e) => L === e ? _(z === "asc" ? ie : re, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ _(oe, { className: "w-4 h-4 text-text-secondary/50" }), Z = (e, t) => {
-		if (t.cell) return t.cell(e);
-		if (t.accessorKey) {
-			let n = e[t.accessorKey];
-			return n == null ? "-" : n instanceof Date ? n.toLocaleDateString() : String(n);
-		}
-		return "-";
-	};
-	if (ce) return /* @__PURE__ */ v("div", {
-		className: u("space-y-4", A),
-		children: [
-			S && /* @__PURE__ */ _("div", {
-				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ _(t, { className: "h-10 w-64" })
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "hidden md:block rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(l, { children: f.map((e) => /* @__PURE__ */ _(r, { children: /* @__PURE__ */ _(t, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ _(s, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ _(l, { children: f.map((e) => /* @__PURE__ */ _(c, { children: /* @__PURE__ */ _(t, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, n)) })] })
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "md:hidden space-y-3",
-				children: Array.from({ length: 4 }).map((e, n) => /* @__PURE__ */ v("div", {
-					className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1",
-					children: [/* @__PURE__ */ _(t, { className: "h-4 w-2/3 mb-2 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _(t, { className: "h-4 w-1/2 motion-safe:animate-vc-shimmer" })]
-				}, n))
-			})
-		]
-	});
-	let Q = q.length === 0, $ = () => k ? I ? /* @__PURE__ */ _(y, {
-		illustration: "empty-search",
-		title: "No matches",
-		description: `Nothing matches “${I}”. Try a different search.`
-	}) : /* @__PURE__ */ _(y, {
-		illustration: k,
-		title: de ?? O,
-		description: fe,
-		action: pe
-	}) : /* @__PURE__ */ _("p", {
-		className: "text-text-secondary",
-		children: O
-	}), xe = w && (P ? K.length > 0 || F > 0 : K.length > 0);
-	return /* @__PURE__ */ v("div", {
-		className: u("space-y-4", A),
-		children: [
-			S && /* @__PURE__ */ _("div", {
-				className: "flex items-center gap-4",
-				children: /* @__PURE__ */ v("div", {
-					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ _(ae, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ _(e, {
-						placeholder: le,
-						value: I,
-						onChange: (e) => {
-							_e(e.target.value), H(1);
-						},
-						className: "pl-9"
-					})]
-				})
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "hidden md:block overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
-				children: /* @__PURE__ */ v(i, { children: [/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(l, { children: f.map((e) => /* @__PURE__ */ _(r, {
-					className: u(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
-					onClick: () => e.sortable && ye(e.id),
-					children: /* @__PURE__ */ v("div", {
-						className: "flex items-center gap-2",
-						children: [e.header, e.sortable && be(e.id)]
-					})
-				}, e.id)) }) }), /* @__PURE__ */ _(s, { children: Q ? /* @__PURE__ */ _(l, { children: /* @__PURE__ */ _(c, {
-					colSpan: f.length,
-					className: "py-8 text-center",
-					children: $()
-				}) }) : q.map((e, t) => {
-					let n = j ? j(e) : t, r = typeof D == "function" ? D(e) : D;
-					return /* @__PURE__ */ _(l, {
-						className: u(E && "cursor-pointer hover:bg-bg-sunken/50", r),
-						onClick: () => E?.(e),
-						children: f.map((t) => /* @__PURE__ */ _(c, {
-							className: t.className,
-							children: Z(e, t)
-						}, t.id))
-					}, n);
-				}) })] })
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "md:hidden space-y-3",
-				children: Q ? /* @__PURE__ */ _("div", {
-					className: "rounded-card border border-border-seam bg-bg-surface p-6 text-center shadow-elevation-1",
-					children: $()
-				}) : q.map((e, t) => {
-					let n = j ? j(e) : t, r = typeof D == "function" ? D(e) : D;
-					return /* @__PURE__ */ _("div", {
-						role: E ? "button" : void 0,
-						tabIndex: E ? 0 : void 0,
-						className: u("rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1", E && "cursor-pointer hover:bg-bg-sunken/50", r),
-						onClick: () => E?.(e),
-						onKeyDown: (t) => {
-							E && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), E(e));
-						},
-						children: /* @__PURE__ */ _("dl", {
-							className: "space-y-2",
-							children: f.map((t) => /* @__PURE__ */ v("div", {
-								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ _("dt", {
-									className: "text-xs font-medium text-text-secondary shrink-0",
-									children: t.header
-								}), /* @__PURE__ */ _("dd", {
-									className: "text-sm text-right min-w-0",
-									children: Z(e, t)
-								})]
-							}, t.id))
-						})
-					}, n);
-				})
-			}),
-			xe && /* @__PURE__ */ v("div", {
-				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ v("div", {
-					className: "flex flex-wrap items-center gap-2 text-sm text-text-secondary",
-					children: [
-						P ? /* @__PURE__ */ v("span", { children: [
-							"Showing ",
-							K.length === 0 ? 0 : F * W + 1,
-							" to",
-							" ",
-							F * W + K.length,
-							Y ? ` of ${N}` : ""
-						] }) : /* @__PURE__ */ v("span", { children: [
-							"Showing ",
-							(V - 1) * U + 1,
-							" to",
-							" ",
-							Math.min(V * U, K.length),
-							" of ",
-							K.length
-						] }),
-						/* @__PURE__ */ v(te, {
-							value: String(W),
-							onValueChange: (e) => {
-								let t = Number(e);
-								P ? he?.(t) : (ve(t), H(1));
-							},
-							children: [/* @__PURE__ */ _(ee, {
-								className: "w-[70px] h-8",
-								children: /* @__PURE__ */ _(ne, {})
-							}), /* @__PURE__ */ _(n, { children: ue.map((e) => /* @__PURE__ */ _(a, {
-								value: String(e),
-								children: e
-							}, e)) })]
-						}),
-						/* @__PURE__ */ _("span", { children: "per page" })
-					]
-				}), P ? /* @__PURE__ */ v("div", {
-					className: "flex items-center gap-1",
-					children: [
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "First page",
-							onClick: () => M?.(0),
-							disabled: F === 0,
-							children: /* @__PURE__ */ _(b, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "Previous page",
-							onClick: () => M?.(Math.max(0, F - 1)),
-							disabled: F === 0,
-							children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ v("span", {
-							className: "px-3 text-sm",
-							children: [
-								"Page ",
-								F + 1,
-								Y ? ` of ${X}` : ""
-							]
-						}),
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "Next page",
-							onClick: () => M?.(F + 1),
-							disabled: Y ? F + 1 >= (X ?? 1) : !ge,
-							children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
-						}),
-						Y && /* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "Last page",
-							onClick: () => M?.((X ?? 1) - 1),
-							disabled: F + 1 >= (X ?? 1),
-							children: /* @__PURE__ */ _(se, { className: "h-4 w-4" })
-						})
-					]
-				}) : /* @__PURE__ */ v("div", {
-					className: "flex items-center gap-1",
-					children: [
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "First page",
-							onClick: () => H(1),
-							disabled: V === 1,
-							children: /* @__PURE__ */ _(b, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "Previous page",
-							onClick: () => H((e) => Math.max(1, e - 1)),
-							disabled: V === 1,
-							children: /* @__PURE__ */ _(p, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ v("span", {
-							className: "px-3 text-sm",
-							children: [
-								"Page ",
-								V,
-								" of ",
-								J
-							]
-						}),
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "Next page",
-							onClick: () => H((e) => Math.min(J, e + 1)),
-							disabled: V === J,
-							children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
-						}),
-						/* @__PURE__ */ _(d, {
-							variant: "outline",
-							size: "icon",
-							className: "h-8 w-8",
-							"aria-label": "Last page",
-							onClick: () => H(J),
-							disabled: V === J,
-							children: /* @__PURE__ */ _(se, { className: "h-4 w-4" })
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { x as t };