@burdenoff/microfe-movethewheels 2026.1017.12 → 2026.1017.13

package/dist/pages/WarehousesPage.js

@@ -6,17 +6,19 @@ import { RefreshCw as i } from "../node_modules/lucide-react/dist/esm/icons/refr
 import { Warehouse as a } from "../node_modules/lucide-react/dist/esm/icons/warehouse.js";
 import { joinPath as o } from "../utils/navigation.js";
 import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
-import { useWarehouseStats as c, useWarehouses as l } from "../hooks/useInventory.js";
-import { Badge as u, Button as d, Card as f, CardContent as p, Progress as m, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y } from "../components/ui.js";
-import { PageLayout as b } from "../components/PageLayout.js";
-import { MetricCard as x, MetricGrid as S } from "../components/MetricCard.js";
-import { DataTable as C } from "../components/DataTable.js";
-import { useDebouncedValue as w } from "../hooks/useDebouncedValue.js";
-import { 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";
+import { useTr as c } from "../shared/hooks/useTr.js";
+import { useWarehouseStats as l, useWarehouses as u } from "../hooks/useInventory.js";
+import "../hooks/index.js";
+import { Badge as d, Button as f, Card as p, CardContent as m, Progress as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b } from "../components/ui.js";
+import { PageLayout as x } from "../components/PageLayout.js";
+import { MetricCard as S, MetricGrid as C } from "../components/MetricCard.js";
+import { DataTable as w } from "../components/DataTable.js";
+import { useDebouncedValue as T } from "../hooks/useDebouncedValue.js";
+import { useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { CTAOverflowMenu as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/WarehousesPage.tsx
-var A = [
+var j = [
 	{
 		value: "all",
 		label: "All statuses"
@@ -30,111 +32,114 @@ var A = [
 		label: "Inactive"
 	}
 ];
-function j() {
-	let { basePath: j, navigate: M } = s(), [N, P] = T(0), [F, I] = T(25), [L, R] = T(""), [z, B] = T("all"), V = w(L), { warehouses: H, totalWarehouses: U, hasMore: W, isLoading: G, error: K, refetch: q } = l({
-		limit: F,
-		offset: N * F,
-		search: V,
-		status: z === "all" ? void 0 : z
-	}), J = z !== "all" || L.length > 0, { stats: Y } = c(), X = (e) => M?.(o(j, e));
-	return /* @__PURE__ */ D(b, {
+function M() {
+	let M = c(), { basePath: N, navigate: P } = s(), [F, I] = E(0), [L, R] = E(25), [z, B] = E(""), [V, H] = E("all"), U = T(z), { warehouses: W, totalWarehouses: G, hasMore: K, isLoading: q, error: J, refetch: Y } = u({
+		limit: L,
+		offset: F * L,
+		search: U,
+		status: V === "all" ? void 0 : V
+	}), X = V !== "all" || z.length > 0, { stats: Z } = l(), Q = (e) => P?.(o(N, e));
+	return /* @__PURE__ */ O(x, {
 		title: "Warehouses",
-		subtitle: `${Y.total} warehouses`,
-		icon: /* @__PURE__ */ E(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ E(O, {
+		subtitle: `${Z.total} warehouses`,
+		icon: /* @__PURE__ */ D(a, { size: 24 }),
+		headerActions: /* @__PURE__ */ D(k, {
 			primary: {
 				label: "Add Warehouse",
-				icon: /* @__PURE__ */ E(r, { size: 16 }),
-				onSelect: () => X("inventory/warehouses/new")
+				icon: /* @__PURE__ */ D(r, { size: 16 }),
+				onSelect: () => Q("inventory/warehouses/new")
 			},
 			actions: [{
+				label: M("movethewheels.palletPreview.title", "Pallet preview"),
+				onSelect: () => Q("inventory/warehouses/pallet-preview")
+			}, {
 				label: "Refresh",
-				icon: /* @__PURE__ */ E(i, { size: 16 }),
-				onSelect: () => q()
+				icon: /* @__PURE__ */ D(i, { size: 16 }),
+				onSelect: () => Y()
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ E(k, {
-				icon: /* @__PURE__ */ E(a, { size: 18 }),
+			/* @__PURE__ */ D(A, {
+				icon: /* @__PURE__ */ D(a, { size: 18 }),
 				children: "Your storage and fulfilment sites. Watch space and pallet utilization across each warehouse to balance stock, spot capacity crunches, and decide where to fulfil an order from."
 			}),
-			/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Network at a glance"
-			}), /* @__PURE__ */ D(S, {
+			}), /* @__PURE__ */ O(C, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ E(x, {
+					/* @__PURE__ */ D(S, {
 						label: "Total sites",
-						value: Y.total,
-						icon: /* @__PURE__ */ E(a, { size: 20 }),
+						value: Z.total,
+						icon: /* @__PURE__ */ D(a, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ E(x, {
+					/* @__PURE__ */ D(S, {
 						label: "Active",
-						value: Y.active,
-						icon: /* @__PURE__ */ E(e, { size: 20 }),
+						value: Z.active,
+						icon: /* @__PURE__ */ D(e, { size: 20 }),
 						accent: "success",
 						subtitle: "Fulfilling orders"
 					}),
-					/* @__PURE__ */ E(x, {
+					/* @__PURE__ */ D(S, {
 						label: "Avg utilization",
-						value: Y.total > 0 ? `${Math.round(Y.avgUtilization * 100)}%` : "—",
-						icon: /* @__PURE__ */ E(n, { size: 20 }),
+						value: Z.total > 0 ? `${Math.round(Z.avgUtilization * 100)}%` : "—",
+						icon: /* @__PURE__ */ D(n, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(p, {
+			/* @__PURE__ */ D(p, { children: /* @__PURE__ */ D(m, {
 				className: "p-4",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(t, {
+							children: [/* @__PURE__ */ D(t, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ E("span", {
+							}), /* @__PURE__ */ D("span", {
 								className: "text-sm font-medium",
 								children: "Filters:"
 							})]
 						}),
-						/* @__PURE__ */ D(h, {
-							value: z,
+						/* @__PURE__ */ O(g, {
+							value: V,
 							onValueChange: (e) => {
-								B(e), P(0);
+								H(e), I(0);
 							},
-							children: [/* @__PURE__ */ E(v, {
+							children: [/* @__PURE__ */ D(y, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ E(y, { placeholder: "Status" })
-							}), /* @__PURE__ */ E(g, { children: A.map((e) => /* @__PURE__ */ E(_, {
+								children: /* @__PURE__ */ D(b, { placeholder: "Status" })
+							}), /* @__PURE__ */ D(_, { children: j.map((e) => /* @__PURE__ */ D(v, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						J && /* @__PURE__ */ E(d, {
+						X && /* @__PURE__ */ D(f, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								B("all"), R(""), P(0);
+								H("all"), B(""), I(0);
 							},
 							children: "Clear filters"
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ E(C, {
+			/* @__PURE__ */ D(w, {
 				columns: [
 					{
 						id: "name",
 						header: "Warehouse",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+						cell: (e) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ E("p", {
+						}), /* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: e.code
 						})] })
@@ -142,7 +147,7 @@ function j() {
 					{
 						id: "location",
 						header: "Location",
-						cell: (e) => /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", { children: [e.address.city, e.address.state].filter(Boolean).join(", ") || "Not provided" }), /* @__PURE__ */ E("p", {
+						cell: (e) => /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", { children: [e.address.city, e.address.state].filter(Boolean).join(", ") || "Not provided" }), /* @__PURE__ */ D("p", {
 							className: "text-sm text-text-secondary",
 							children: e.address.country || "Not provided"
 						})] })
@@ -151,7 +156,7 @@ function j() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ E(u, {
+						cell: (e) => /* @__PURE__ */ D(d, {
 							variant: "outline",
 							className: "capitalize",
 							children: e.type.replace("_", " ")
@@ -162,15 +167,15 @@ function j() {
 						header: "Utilization",
 						cell: (e) => {
 							let { totalSpace: t, usedSpace: n } = e.capacity, r = typeof t == "number" && t > 0 && typeof n == "number" ? n / t * 100 : void 0;
-							return r === void 0 ? /* @__PURE__ */ E("span", {
+							return r === void 0 ? /* @__PURE__ */ D("span", {
 								className: "text-sm text-text-secondary",
 								children: "Not provided"
-							}) : /* @__PURE__ */ D("div", {
+							}) : /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ E(m, {
+								children: [/* @__PURE__ */ D(h, {
 									value: r,
 									className: "w-16 h-2"
-								}), /* @__PURE__ */ D("span", {
+								}), /* @__PURE__ */ O("span", {
 									className: "text-sm",
 									children: [r.toFixed(0), "%"]
 								})]
@@ -182,7 +187,7 @@ function j() {
 						header: "Capacity",
 						cell: (e) => {
 							let { totalSpace: t, usedSpace: n } = e.capacity;
-							return typeof n == "number" && typeof t == "number" ? /* @__PURE__ */ D("p", {
+							return typeof n == "number" && typeof t == "number" ? /* @__PURE__ */ O("p", {
 								className: "text-sm",
 								children: [
 									n.toLocaleString(),
@@ -190,7 +195,7 @@ function j() {
 									t.toLocaleString(),
 									" sq ft"
 								]
-							}) : /* @__PURE__ */ E("span", {
+							}) : /* @__PURE__ */ D("span", {
 								className: "text-sm text-text-secondary",
 								children: "Not provided"
 							});
@@ -201,37 +206,37 @@ function j() {
 						header: "Status",
 						cell: (e) => {
 							let t = e.status?.toUpperCase() === "ACTIVE";
-							return e.status ? /* @__PURE__ */ E(u, {
+							return e.status ? /* @__PURE__ */ D(d, {
 								variant: t ? "default" : "secondary",
 								children: t ? "Active" : "Inactive"
-							}) : /* @__PURE__ */ E("span", {
+							}) : /* @__PURE__ */ D("span", {
 								className: "text-sm text-text-secondary",
 								children: "Not provided"
 							});
 						}
 					}
 				],
-				data: H,
-				isLoading: G,
-				error: K,
-				onRetry: q,
+				data: W,
+				isLoading: q,
+				error: J,
+				onRetry: Y,
 				searchable: !0,
 				searchPlaceholder: "Search warehouses...",
 				searchFields: ["name", "code"],
-				searchQuery: L,
+				searchQuery: z,
 				onSearchQueryChange: (e) => {
-					R(e), P(0);
+					B(e), I(0);
 				},
-				onRowClick: (e) => X(`inventory/warehouses/${e.id}`),
+				onRowClick: (e) => Q(`inventory/warehouses/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: N,
-				pageSize: F,
-				onPageChange: P,
+				pageIndex: F,
+				pageSize: L,
+				onPageChange: I,
 				onPageSizeChange: (e) => {
-					I(e), P(0);
+					R(e), I(0);
 				},
-				totalItems: U,
-				hasNextPage: W,
+				totalItems: G,
+				hasNextPage: K,
 				emptyIllustration: "empty-data",
 				emptyTitle: "No warehouses yet",
 				emptyDescription: "Add a warehouse to store inventory and fulfil orders from it."
@@ -240,4 +245,4 @@ function j() {
 	});
 }
 //#endregion
-export { j as default };
+export { M as default };