@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/DataTable-CqMUD4er.js

@@ -0,0 +1,340 @@
+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-BniRJaQ6.js";
+import { n as re, t as ie } from "./arrow-up-BJijRLAZ.js";
+import { t as p } from "./chevron-left-B1rZyWWb.js";
+import { t as m } from "./chevron-right-BIcwUJZq.js";
+import { t as ae } from "./search-DNIG5Ck7.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 };

package/dist/DocumentsCard-edDkgnJj.js

@@ -0,0 +1,169 @@
+import { at as e, d as t, f as n, g as r, h as i, st as a, u as o, ut as s } from "./PageLayout-BniRJaQ6.js";
+import { t as c } from "./download-DP04iWTd.js";
+import { t as l } from "./file-text-BuDx4hZp.js";
+import { t as u } from "./upload-DanJY1Vo.js";
+import { r as d } from "./formatters-FWJDwTFv.js";
+import { useCallback as f, useEffect as p, useMemo as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/external-link.js
+var v = s("ExternalLink", [
+	["path", {
+		d: "M15 3h6v6",
+		key: "1q9fwt"
+	}],
+	["path", {
+		d: "M10 14 21 3",
+		key: "gplh6r"
+	}],
+	["path", {
+		d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+		key: "a6xqqp"
+	}]
+]), y = "\n  query ListEntityDocuments($filter: FileFilterInput, $pagination: PaginationInput) {\n    files(filter: $filter, pagination: $pagination) {\n      id\n      name\n      size\n      mimeType\n      createdAt\n      downloadUrl\n    }\n  }\n";
+function b(e) {
+	return {
+		id: e.id,
+		name: e.name,
+		size: e.size == null ? 0 : Number(e.size),
+		mimeType: e.mimeType,
+		createdAt: new Date(e.createdAt),
+		downloadUrl: e.downloadUrl ?? void 0
+	};
+}
+function x(t, n) {
+	let { apiGatewayUrl: r, authToken: i, workspaceToken: o, workspaceId: s, tenantId: c, currentUser: l } = a(), [u, d] = h([]), [g, _] = h(!1), [v, x] = h(null), S = m(() => ({
+		apiGatewayUrl: r,
+		authToken: i,
+		workspaceToken: o,
+		workspaceId: s,
+		tenantId: c,
+		actorId: l?.id
+	}), [
+		r,
+		i,
+		o,
+		s,
+		c,
+		l?.id
+	]), C = f(async () => {
+		if (!n) {
+			d([]);
+			return;
+		}
+		_(!0), x(null);
+		try {
+			d(((await e(S, y, {
+				filter: { tags: [{
+					key: "mtwEntityType",
+					value: t
+				}, {
+					key: "mtwEntityId",
+					value: n
+				}] },
+				pagination: {
+					limit: 50,
+					offset: 0
+				}
+			})).files ?? []).map(b));
+		} catch (e) {
+			x(e instanceof Error ? e : /* @__PURE__ */ Error("Failed to load documents")), d([]);
+		} finally {
+			_(!1);
+		}
+	}, [
+		n,
+		t,
+		S
+	]);
+	return p(() => {
+		C();
+	}, [C]), {
+		documents: u,
+		isLoading: g,
+		error: v,
+		refetch: f(() => {
+			C();
+		}, [C])
+	};
+}
+//#endregion
+//#region src/movethewheels/components/DocumentsCard.tsx
+function S(e) {
+	if (!Number.isFinite(e) || e <= 0) return "—";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB"
+	], n = e, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r += 1;
+	return `${n.toFixed(n >= 10 || r === 0 ? 0 : 1)} ${t[r]}`;
+}
+function C({ entityType: e, entityId: s }) {
+	let { navigate: f } = a(), { documents: p, isLoading: m } = x(e, s), h = () => f("/files/browse");
+	return /* @__PURE__ */ _(t, { children: [/* @__PURE__ */ _(i, {
+		className: "flex flex-row items-center justify-between",
+		children: [/* @__PURE__ */ _(r, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ g(l, { size: 18 }), " Documents"]
+		}), /* @__PURE__ */ _(o, {
+			variant: "outline",
+			size: "sm",
+			onClick: h,
+			children: [/* @__PURE__ */ g(u, { size: 14 }), " Add / Manage"]
+		})]
+	}), /* @__PURE__ */ g(n, { children: m ? /* @__PURE__ */ g("p", {
+		className: "text-text-secondary text-center py-4",
+		children: "Loading documents…"
+	}) : p.length > 0 ? /* @__PURE__ */ g("div", {
+		className: "space-y-3",
+		children: p.map((e) => /* @__PURE__ */ _("div", {
+			className: "flex items-center justify-between gap-3 p-3 border rounded-lg",
+			children: [/* @__PURE__ */ _("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ g("p", {
+					className: "font-medium truncate",
+					children: e.name
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						S(e.size),
+						" · ",
+						d(e.createdAt, "relative")
+					]
+				})]
+			}), e.downloadUrl ? /* @__PURE__ */ _("a", {
+				href: e.downloadUrl,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "shrink-0 inline-flex items-center gap-1 text-sm text-primary hover:underline",
+				children: [/* @__PURE__ */ g(c, { size: 14 }), " Open"]
+			}) : /* @__PURE__ */ _(o, {
+				variant: "ghost",
+				size: "sm",
+				onClick: h,
+				children: [/* @__PURE__ */ g(v, { size: 14 }), " View"]
+			})]
+		}, e.id))
+	}) : /* @__PURE__ */ _("div", {
+		className: "text-center py-6",
+		children: [
+			/* @__PURE__ */ g(l, {
+				size: 32,
+				className: "mx-auto mb-2 text-text-secondary opacity-50"
+			}),
+			/* @__PURE__ */ g("p", {
+				className: "text-text-secondary",
+				children: "No documents yet"
+			}),
+			/* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: h,
+				className: "mt-1 text-sm text-primary hover:underline",
+				children: "Add them in Files"
+			})
+		]
+	}) })] });
+}
+//#endregion
+export { x as n, C as t };