@burdenoff/microfe-movethewheels 2026.1031.1 → 2026.1031.3

package/dist/pages/DriversPage.js

@@ -5,172 +5,181 @@ import { Plus as te } from "../node_modules/lucide-react/dist/esm/icons/plus.js"
 import { RefreshCw as n } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Star as r } from "../node_modules/lucide-react/dist/esm/icons/star.js";
 import { Truck as ne } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as re } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { UserMinus as ie } from "../node_modules/lucide-react/dist/esm/icons/user-minus.js";
+import { Upload as re } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { UserCheck as ie } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { UserMinus as ae } from "../node_modules/lucide-react/dist/esm/icons/user-minus.js";
 import { Users as i } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { joinPath as ae } from "../utils/navigation.js";
-import { useMoveTheWheels as oe } from "../providers/MoveTheWheelsProvider.js";
-import { useDriverStatusCounts as a, useDrivers as o, useFleetStats as s, useVehicles as c } from "../hooks/useFleet.js";
-import { Avatar as l, AvatarFallback as u, Button as d, Card as f, CardContent as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../components/ui.js";
-import { PageLayout as se } from "../components/PageLayout.js";
-import { MetricCard as y, MetricGrid as ce } from "../components/MetricCard.js";
+import { joinPath as oe } from "../utils/navigation.js";
+import { useMoveTheWheels as a } from "../providers/MoveTheWheelsProvider.js";
+import { useDriverStatusCounts as o, useDrivers as s, useFleetStats as c, useVehicles as l } from "../hooks/useFleet.js";
+import { Avatar as u, AvatarFallback as d, Button as f, Card as se, CardContent as p, Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../components/ui.js";
+import { PageLayout as ce } from "../components/PageLayout.js";
+import { MetricCard as y, MetricGrid as le } from "../components/MetricCard.js";
 import { DRIVER_STATUS_LABELS as b } from "../constants/index.js";
-import { StatusBadge as le } from "../components/StatusBadge.js";
-import { DataTable as ue } from "../components/DataTable.js";
+import { StatusBadge as ue } from "../components/StatusBadge.js";
+import { DataTable as de } from "../components/DataTable.js";
 import { formatDate as x } from "../utils/formatters.js";
-import { useDebouncedValue as de } from "../hooks/useDebouncedValue.js";
-import { useEntityExport as fe } from "../hooks/useEntityExport.js";
-import { ExportStatusBanner as S } from "../components/ExportStatusBanner.js";
-import { useMemo as C, useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { CTAOverflowMenu as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { useDebouncedValue as fe } from "../hooks/useDebouncedValue.js";
+import { useEntityExport as S } from "../hooks/useEntityExport.js";
+import { ExportStatusBanner as C } from "../components/ExportStatusBanner.js";
+import { useMemo as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { CTAOverflowMenu as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriversPage.tsx
-var k = [{
+var A = [{
 	value: "all",
 	label: "All statuses"
 }, ...Object.entries(b).map(([e, t]) => ({
 	value: e,
 	label: t
 }))];
-function A() {
-	let { basePath: b, navigate: A } = oe(), { state: j, isExporting: M, startExport: N, dismiss: P } = fe("drivers", "driver"), [F, I] = w(0), [L, pe] = w(25), [R, z] = w(""), B = de(R), [V, H] = w("all"), [U, W] = w("all"), { drivers: G, totalDrivers: me, hasMore: he, isLoading: ge, error: _e, refetch: K } = o({
-		limit: L,
-		offset: F * L,
-		search: B || void 0,
-		status: V === "all" ? void 0 : V,
-		licenseClass: U === "all" ? void 0 : U
-	}), { stats: q } = s(), { counts: J } = a(), { vehicles: Y } = c({ ids: C(() => Array.from(new Set(G.map((e) => e.assignedVehicle).filter(Boolean))), [G]) }), ve = C(() => new Map(Y.map((e) => [e.id, e.vehicleNumber])), [Y]), X = q.totalDrivers, Z = C(() => Array.from(new Set(G.map((e) => e.licenseType).filter(Boolean))).sort((e, t) => e.localeCompare(t)), [G]), Q = V !== "all" || U !== "all" || R.length > 0, $ = (e) => A?.(ae(b, e));
-	return /* @__PURE__ */ E(se, {
+function j() {
+	let { basePath: b, navigate: j } = a(), { state: M, isExporting: N, startExport: P, dismiss: F } = S("drivers", "driver"), [I, L] = T(0), [R, z] = T(25), [B, V] = T(""), pe = fe(B), [H, U] = T("all"), [W, G] = T("all"), { drivers: K, totalDrivers: me, hasMore: he, isLoading: ge, error: _e, refetch: q } = s({
+		limit: R,
+		offset: I * R,
+		search: pe || void 0,
+		status: H === "all" ? void 0 : H,
+		licenseClass: W === "all" ? void 0 : W
+	}), { stats: J } = c(), { counts: Y } = o(), { vehicles: X } = l({ ids: w(() => Array.from(new Set(K.map((e) => e.assignedVehicle).filter(Boolean))), [K]) }), ve = w(() => new Map(X.map((e) => [e.id, e.vehicleNumber])), [X]), Z = J.totalDrivers, ye = w(() => Array.from(new Set(K.map((e) => e.licenseType).filter(Boolean))).sort((e, t) => e.localeCompare(t)), [K]), Q = H !== "all" || W !== "all" || B.length > 0, $ = (e) => j?.(oe(b, e));
+	return /* @__PURE__ */ D(ce, {
 		title: "Drivers",
-		subtitle: `${X} drivers`,
-		icon: /* @__PURE__ */ T(i, { size: 24 }),
-		headerActions: /* @__PURE__ */ T(D, {
+		subtitle: `${Z} drivers`,
+		icon: /* @__PURE__ */ E(i, { size: 24 }),
+		headerActions: /* @__PURE__ */ E(O, {
 			primary: {
 				label: "Add Driver",
-				icon: /* @__PURE__ */ T(te, { size: 16 }),
+				icon: /* @__PURE__ */ E(te, { size: 16 }),
 				onSelect: () => $("fleet/drivers/new")
 			},
-			actions: [{
-				label: "Refresh",
-				icon: /* @__PURE__ */ T(n, { size: 16 }),
-				onSelect: () => K()
-			}, {
-				label: M ? "Exporting…" : "Export",
-				icon: /* @__PURE__ */ T(t, { size: 16 }),
-				onSelect: N
-			}]
+			actions: [
+				{
+					label: "Refresh",
+					icon: /* @__PURE__ */ E(n, { size: 16 }),
+					onSelect: () => q()
+				},
+				{
+					label: "Import",
+					icon: /* @__PURE__ */ E(re, { size: 16 }),
+					onSelect: () => $("import-export?entity=DRIVER")
+				},
+				{
+					label: N ? "Exporting…" : "Export",
+					icon: /* @__PURE__ */ E(t, { size: 16 }),
+					onSelect: P
+				}
+			]
 		}),
 		children: [
-			/* @__PURE__ */ T(O, {
-				icon: /* @__PURE__ */ T(i, { size: 18 }),
+			/* @__PURE__ */ E(k, {
+				icon: /* @__PURE__ */ E(i, { size: 18 }),
 				children: "Your delivery workforce. Track each driver's availability, rating, licence status, contact number and the vehicle they are on — open a driver to review their record before assigning them to an order or route."
 			}),
-			/* @__PURE__ */ T(S, {
-				state: j,
-				onDismiss: P
+			/* @__PURE__ */ E(C, {
+				state: M,
+				onDismiss: F
 			}),
-			/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+			/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Workforce at a glance"
-			}), /* @__PURE__ */ E(ce, {
+			}), /* @__PURE__ */ D(le, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ T(y, {
+					/* @__PURE__ */ E(y, {
 						label: "On duty",
-						value: q.driversByStatus.available + q.driversByStatus.busy,
-						icon: /* @__PURE__ */ T(re, { size: 20 }),
+						value: J.driversByStatus.available + J.driversByStatus.busy,
+						icon: /* @__PURE__ */ E(ie, { size: 20 }),
 						accent: "success",
 						subtitle: "Available or delivering"
 					}),
-					/* @__PURE__ */ T(y, {
+					/* @__PURE__ */ E(y, {
 						label: "On break",
-						value: J.onBreak,
-						icon: /* @__PURE__ */ T(e, { size: 20 }),
+						value: Y.onBreak,
+						icon: /* @__PURE__ */ E(e, { size: 20 }),
 						accent: "warning",
 						subtitle: "Back on shift shortly"
 					}),
-					/* @__PURE__ */ T(y, {
+					/* @__PURE__ */ E(y, {
 						label: "Off duty",
-						value: J.offDuty,
-						icon: /* @__PURE__ */ T(ie, { size: 20 }),
+						value: Y.offDuty,
+						icon: /* @__PURE__ */ E(ae, { size: 20 }),
 						accent: "neutral",
-						subtitle: J.inactive > 0 ? `${J.inactive} inactive` : void 0
+						subtitle: Y.inactive > 0 ? `${Y.inactive} inactive` : void 0
 					}),
-					/* @__PURE__ */ T(y, {
+					/* @__PURE__ */ E(y, {
 						label: "Avg rating",
-						value: q.avgDriverRating > 0 ? q.avgDriverRating.toFixed(1) : "—",
-						icon: /* @__PURE__ */ T(r, { size: 20 }),
+						value: J.avgDriverRating > 0 ? J.avgDriverRating.toFixed(1) : "—",
+						icon: /* @__PURE__ */ E(r, { size: 20 }),
 						accent: "brand",
-						subtitle: `${X} drivers`
+						subtitle: `${Z} drivers`
 					})
 				]
 			})] }),
-			/* @__PURE__ */ T(f, { children: /* @__PURE__ */ T(p, {
+			/* @__PURE__ */ E(se, { children: /* @__PURE__ */ E(p, {
 				className: "p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ T(ee, {
+							children: [/* @__PURE__ */ E(ee, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ T("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "text-sm font-medium",
 								children: "Filters:"
 							})]
 						}),
-						/* @__PURE__ */ E(m, {
-							value: V,
+						/* @__PURE__ */ D(m, {
+							value: H,
 							onValueChange: (e) => {
-								H(e), I(0);
+								U(e), L(0);
 							},
-							children: [/* @__PURE__ */ T(_, {
+							children: [/* @__PURE__ */ E(_, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ T(v, { placeholder: "Status" })
-							}), /* @__PURE__ */ T(h, { children: k.map((e) => /* @__PURE__ */ T(g, {
+								children: /* @__PURE__ */ E(v, { placeholder: "Status" })
+							}), /* @__PURE__ */ E(h, { children: A.map((e) => /* @__PURE__ */ E(g, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						/* @__PURE__ */ E(m, {
-							value: U,
+						/* @__PURE__ */ D(m, {
+							value: W,
 							onValueChange: (e) => {
-								W(e), I(0);
+								G(e), L(0);
 							},
-							children: [/* @__PURE__ */ T(_, {
+							children: [/* @__PURE__ */ E(_, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ T(v, { placeholder: "License class" })
-							}), /* @__PURE__ */ E(h, { children: [/* @__PURE__ */ T(g, {
+								children: /* @__PURE__ */ E(v, { placeholder: "License class" })
+							}), /* @__PURE__ */ D(h, { children: [/* @__PURE__ */ E(g, {
 								value: "all",
 								children: "All licence classes"
-							}), Z.map((e) => /* @__PURE__ */ T(g, {
+							}), ye.map((e) => /* @__PURE__ */ E(g, {
 								value: e,
 								children: e
 							}, e))] })]
 						}),
-						Q && /* @__PURE__ */ T(d, {
+						Q && /* @__PURE__ */ E(f, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								H("all"), W("all"), z(""), I(0);
+								U("all"), G("all"), V(""), L(0);
 							},
 							children: "Clear filters"
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ T(ue, {
+			/* @__PURE__ */ E(de, {
 				columns: [
 					{
 						id: "driver",
 						header: "Driver",
-						cell: (e) => /* @__PURE__ */ E("div", {
+						cell: (e) => /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ T(l, { children: /* @__PURE__ */ T(u, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ E(u, { children: /* @__PURE__ */ E(d, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 								className: "font-medium",
 								children: e.fullName
-							}), /* @__PURE__ */ T("p", {
+							}), /* @__PURE__ */ E("p", {
 								className: "text-sm text-text-secondary",
 								children: e.employeeId
 							})] })]
@@ -181,7 +190,7 @@ function A() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ T(le, {
+						cell: (e) => /* @__PURE__ */ E(ue, {
 							status: e.status,
 							type: "driver"
 						})
@@ -189,9 +198,9 @@ function A() {
 					{
 						id: "license",
 						header: "License",
-						cell: (e) => /* @__PURE__ */ E("div", {
+						cell: (e) => /* @__PURE__ */ D("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ T("p", { children: e.licenseType }), /* @__PURE__ */ T("p", {
+							children: [/* @__PURE__ */ E("p", { children: e.licenseType }), /* @__PURE__ */ E("p", {
 								className: "text-text-secondary",
 								children: e.licenseExpiry ? `Exp: ${x(e.licenseExpiry, "short")}` : "Expiry not recorded"
 							})]
@@ -201,12 +210,12 @@ function A() {
 						id: "phone",
 						header: "Phone",
 						accessorKey: "phone",
-						cell: (e) => e.phone ? /* @__PURE__ */ T("a", {
+						cell: (e) => e.phone ? /* @__PURE__ */ E("a", {
 							href: `tel:${e.phone}`,
 							className: "text-sm hover:underline",
 							onClick: (e) => e.stopPropagation(),
 							children: e.phone
-						}) : /* @__PURE__ */ T("span", {
+						}) : /* @__PURE__ */ E("span", {
 							className: "text-sm text-text-secondary",
 							children: "—"
 						})
@@ -214,15 +223,15 @@ function A() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => e.rating === void 0 ? /* @__PURE__ */ T("span", {
+						cell: (e) => e.rating === void 0 ? /* @__PURE__ */ E("span", {
 							className: "text-sm text-text-secondary",
 							children: "Not rated"
-						}) : /* @__PURE__ */ E("div", {
+						}) : /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ T(r, {
+							children: [/* @__PURE__ */ E(r, {
 								size: 14,
 								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ T("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "font-medium",
 								children: e.rating.toFixed(1)
 							})]
@@ -232,14 +241,14 @@ function A() {
 						id: "vehicle",
 						header: "Assigned vehicle",
 						cell: (e) => {
-							if (!e.assignedVehicle) return /* @__PURE__ */ T("span", {
+							if (!e.assignedVehicle) return /* @__PURE__ */ E("span", {
 								className: "text-sm text-text-secondary",
 								children: "Unassigned"
 							});
 							let t = ve.get(e.assignedVehicle);
-							return /* @__PURE__ */ E("span", {
+							return /* @__PURE__ */ D("span", {
 								className: "inline-flex items-center gap-1.5 text-sm font-medium",
-								children: [/* @__PURE__ */ T(ne, {
+								children: [/* @__PURE__ */ E(ne, {
 									size: 14,
 									className: "text-text-secondary"
 								}), t ?? "Assigned"]
@@ -251,30 +260,30 @@ function A() {
 						header: "Hire Date",
 						accessorKey: "hireDate",
 						sortable: !0,
-						cell: (e) => e.hireDate ? x(e.hireDate, "short") : /* @__PURE__ */ T("span", {
+						cell: (e) => e.hireDate ? x(e.hireDate, "short") : /* @__PURE__ */ E("span", {
 							className: "text-text-secondary",
 							children: "Not recorded"
 						})
 					}
 				],
-				data: G,
+				data: K,
 				isLoading: ge,
 				error: _e,
-				onRetry: K,
+				onRetry: q,
 				searchable: !0,
 				searchPlaceholder: "Search drivers...",
 				searchFields: ["fullName", "employeeId"],
-				searchQuery: R,
+				searchQuery: B,
 				onSearchQueryChange: (e) => {
-					z(e), I(0);
+					V(e), L(0);
 				},
 				onRowClick: (e) => $(`fleet/drivers/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: F,
-				pageSize: L,
-				onPageChange: I,
+				pageIndex: I,
+				pageSize: R,
+				onPageChange: L,
 				onPageSizeChange: (e) => {
-					pe(e), I(0);
+					z(e), L(0);
 				},
 				totalItems: me,
 				hasNextPage: he,
@@ -286,4 +295,4 @@ function A() {
 	});
 }
 //#endregion
-export { A as default };
+export { j as default };