@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/RoutesPage.js

@@ -4,19 +4,19 @@ import { Plus as n } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
 import { RefreshCw as r } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { joinPath as i } from "../utils/navigation.js";
 import { useMoveTheWheels as a } from "../providers/MoveTheWheelsProvider.js";
-import { useRouteStats as o, useRoutes as s } from "../hooks/useRoutes.js";
-import { Badge as c, Button as l, Card as u, CardContent as d, Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "../components/ui.js";
-import { PageLayout as _ } from "../components/PageLayout.js";
-import { ROUTE_STATUS_COLORS as v } from "../constants/index.js";
-import { StatusBadge as y } from "../components/StatusBadge.js";
-import { DataTable as b } from "../components/DataTable.js";
-import { formatDate as x } from "../utils/formatters.js";
-import { useDebouncedValue as S } from "../hooks/useDebouncedValue.js";
-import { useState as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { CTAOverflowMenu as E, EmphasisPanel as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { formatDate as o, formatDistance as s } from "../utils/formatters.js";
+import { useRouteStats as c, useRoutes as l } from "../hooks/useRoutes.js";
+import { Badge 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 y } from "../components/PageLayout.js";
+import { ROUTE_STATUS_COLORS as b } from "../constants/index.js";
+import { StatusBadge as x } from "../components/StatusBadge.js";
+import { DataTable as S } from "../components/DataTable.js";
+import { useDebouncedValue as C } from "../hooks/useDebouncedValue.js";
+import { useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { CTAOverflowMenu as D, EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/RoutesPage.tsx
-var k = [
+var A = [
 	{
 		value: "all",
 		label: "All statuses"
@@ -38,110 +38,110 @@ var k = [
 		label: "Cancelled"
 	}
 ];
-function A() {
-	let { basePath: A, navigate: j } = a(), [M, N] = C(0), [P, F] = C(25), [I, L] = C(""), [R, z] = C("all"), B = S(I), { routes: V, totalRoutes: H, hasMore: U, isLoading: W, error: G, refetch: K } = s({
-		limit: P,
-		offset: M * P,
-		search: B || void 0,
-		status: R === "all" ? void 0 : R
-	}), q = R !== "all" || I.length > 0, { stats: J } = o(), Y = (e) => j?.(i(A, e));
-	return /* @__PURE__ */ T(_, {
+function j() {
+	let { basePath: j, navigate: M } = a(), [N, P] = w(0), [F, I] = w(25), [L, R] = w(""), [z, B] = w("all"), V = C(L), { routes: H, totalRoutes: U, hasMore: W, isLoading: G, error: K, refetch: q } = l({
+		limit: F,
+		offset: N * F,
+		search: V || void 0,
+		status: z === "all" ? void 0 : z
+	}), J = z !== "all" || L.length > 0, { stats: Y } = c(), X = (e) => M?.(i(j, e));
+	return /* @__PURE__ */ E(y, {
 		title: "Routes",
-		subtitle: `${J.totalRoutes} routes`,
-		icon: /* @__PURE__ */ w(t, { size: 24 }),
-		headerActions: /* @__PURE__ */ w(E, {
+		subtitle: `${Y.totalRoutes} routes`,
+		icon: /* @__PURE__ */ T(t, { size: 24 }),
+		headerActions: /* @__PURE__ */ T(D, {
 			primary: {
 				label: "Create Route",
-				icon: /* @__PURE__ */ w(n, { size: 16 }),
-				onSelect: () => Y("routes/new")
+				icon: /* @__PURE__ */ T(n, { size: 16 }),
+				onSelect: () => X("routes/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ w(r, { size: 16 }),
-				onSelect: () => K()
+				icon: /* @__PURE__ */ T(r, { size: 16 }),
+				onSelect: () => q()
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ w(O, {
-				icon: /* @__PURE__ */ w(t, { size: 18 }),
+			/* @__PURE__ */ T(k, {
+				icon: /* @__PURE__ */ T(t, { size: 18 }),
 				children: "Routes group multiple delivery stops into an optimized driving plan. Build a route to batch nearby drop-offs, cut distance and fuel, and give drivers a single ordered itinerary — then open one to review stops, distance and optimization status."
 			}),
-			/* @__PURE__ */ T(D, { children: [/* @__PURE__ */ w("p", {
+			/* @__PURE__ */ E(O, { children: [/* @__PURE__ */ T("p", {
 				className: "text-sm font-medium text-text-secondary",
 				children: "Routes at a glance"
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ E("div", {
 				className: "mt-3 grid grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: J.totalRoutes
-					}), /* @__PURE__ */ w("p", {
+						children: Y.totalRoutes
+					}), /* @__PURE__ */ T("p", {
 						className: "text-xs text-text-secondary",
 						children: "Total routes"
 					})] }),
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: J.inProgressRoutes
-					}), /* @__PURE__ */ w("p", {
+						children: Y.inProgressRoutes
+					}), /* @__PURE__ */ T("p", {
 						className: "text-xs text-text-secondary",
 						children: "In progress"
 					})] }),
-					/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+					/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 						className: "text-2xl font-bold text-text-primary tabular-nums",
-						children: J.optimizedRoutes
-					}), /* @__PURE__ */ w("p", {
+						children: Y.optimizedRoutes
+					}), /* @__PURE__ */ T("p", {
 						className: "text-xs text-text-secondary",
 						children: "Optimized"
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ w(u, { children: /* @__PURE__ */ w(d, {
+			/* @__PURE__ */ T(f, { children: /* @__PURE__ */ T(p, {
 				className: "p-4",
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ E("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ T("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ w(e, {
+							children: [/* @__PURE__ */ T(e, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ w("span", {
+							}), /* @__PURE__ */ T("span", {
 								className: "text-sm font-medium",
 								children: "Filters:"
 							})]
 						}),
-						/* @__PURE__ */ T(f, {
-							value: R,
+						/* @__PURE__ */ E(m, {
+							value: z,
 							onValueChange: (e) => {
-								z(e), N(0);
+								B(e), P(0);
 							},
-							children: [/* @__PURE__ */ w(h, {
+							children: [/* @__PURE__ */ T(_, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ w(g, { placeholder: "Status" })
-							}), /* @__PURE__ */ w(p, { children: k.map((e) => /* @__PURE__ */ w(m, {
+								children: /* @__PURE__ */ T(v, { placeholder: "Status" })
+							}), /* @__PURE__ */ T(h, { children: A.map((e) => /* @__PURE__ */ T(g, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						q && /* @__PURE__ */ w(l, {
+						J && /* @__PURE__ */ T(d, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								z("all"), L(""), N(0);
+								B("all"), R(""), P(0);
 							},
 							children: "Clear filters"
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ w(b, {
+			/* @__PURE__ */ T(S, {
 				columns: [
 					{
 						id: "name",
 						header: "Route Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ w("span", {
+						cell: (e) => /* @__PURE__ */ T("span", {
 							className: "font-medium",
 							children: e.name
 						})
@@ -151,15 +151,15 @@ function A() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ w(y, {
+						cell: (e) => /* @__PURE__ */ T(x, {
 							status: e.status,
-							customColors: v[e.status]
+							customColors: b[e.status]
 						})
 					},
 					{
 						id: "stops",
 						header: "Stops",
-						cell: (e) => /* @__PURE__ */ T(c, {
+						cell: (e) => /* @__PURE__ */ E(u, {
 							variant: "secondary",
 							children: [e.stops.length, " stops"]
 						})
@@ -169,7 +169,7 @@ function A() {
 						header: "Distance",
 						accessorKey: "distance",
 						sortable: !0,
-						cell: (e) => `${e.distance.toFixed(1)} km`
+						cell: (e) => s(e.distance)
 					},
 					{
 						id: "duration",
@@ -179,7 +179,7 @@ function A() {
 					{
 						id: "optimized",
 						header: "Optimized",
-						cell: (e) => /* @__PURE__ */ w(c, {
+						cell: (e) => /* @__PURE__ */ T(u, {
 							variant: e.optimized === void 0 ? "outline" : e.optimized ? "default" : "outline",
 							children: e.optimized === void 0 ? "Unknown" : e.optimized ? "Yes" : "No"
 						})
@@ -189,36 +189,36 @@ function A() {
 						header: "Created",
 						accessorKey: "createdAt",
 						sortable: !0,
-						cell: (e) => x(e.createdAt, "short")
+						cell: (e) => o(e.createdAt, "short")
 					}
 				],
-				data: V,
-				isLoading: W,
-				error: G,
-				onRetry: K,
+				data: H,
+				isLoading: G,
+				error: K,
+				onRetry: q,
 				searchable: !0,
 				searchPlaceholder: "Search routes...",
 				searchFields: ["name"],
-				searchQuery: I,
+				searchQuery: L,
 				onSearchQueryChange: (e) => {
-					L(e), N(0);
+					R(e), P(0);
 				},
-				onRowClick: (e) => Y(`routes/${e.id}`),
+				onRowClick: (e) => X(`routes/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: M,
-				pageSize: P,
-				onPageChange: N,
+				pageIndex: N,
+				pageSize: F,
+				onPageChange: P,
 				onPageSizeChange: (e) => {
-					F(e), N(0);
+					I(e), P(0);
 				},
-				totalItems: H,
-				hasNextPage: U,
+				totalItems: U,
+				hasNextPage: W,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No routes yet",
 				emptyDescription: "Create a route to batch deliveries into an optimized driving plan.",
-				emptyAction: /* @__PURE__ */ T(l, {
-					onClick: () => Y("routes/new"),
-					children: [/* @__PURE__ */ w(n, {
+				emptyAction: /* @__PURE__ */ E(d, {
+					onClick: () => X("routes/new"),
+					children: [/* @__PURE__ */ T(n, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Create Route"]
@@ -228,4 +228,4 @@ function A() {
 	});
 }
 //#endregion
-export { A as default };
+export { j as default };