@burdenoff/microfe-movethewheels 2026.1031.2 → 2026.1031.4

package/dist/pages/ProductsPage.js

@@ -4,91 +4,100 @@ 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 { Thermometer as i } from "../node_modules/lucide-react/dist/esm/icons/thermometer.js";
 import { TriangleAlert as a } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
-import { joinPath as o } from "../utils/navigation.js";
-import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
-import { useProductStats as c, useProducts as l } from "../hooks/useInventory.js";
-import { Badge as u } from "../components/ui.js";
-import { PageLayout as d } from "../components/PageLayout.js";
-import { MetricCard as f, MetricGrid as p } from "../components/MetricCard.js";
-import { DataTable as m } from "../components/DataTable.js";
-import { formatCurrency as h } from "../utils/formatters.js";
-import { useDebouncedValue as g } from "../hooks/useDebouncedValue.js";
-import { useEntityExport as _ } from "../hooks/useEntityExport.js";
-import { ExportStatusBanner as v } from "../components/ExportStatusBanner.js";
-import { useState as y } from "react";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { CTAOverflowMenu as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { Upload as o } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { formatCurrency as l, formatWeight as u } from "../utils/formatters.js";
+import { useProductStats as d, useProducts as f } from "../hooks/useInventory.js";
+import { Badge as p } from "../components/ui.js";
+import { PageLayout as m } from "../components/PageLayout.js";
+import { MetricCard as h, MetricGrid as g } from "../components/MetricCard.js";
+import { DataTable as _ } from "../components/DataTable.js";
+import { useDebouncedValue as v } from "../hooks/useDebouncedValue.js";
+import { useEntityExport as y } from "../hooks/useEntityExport.js";
+import { ExportStatusBanner as b } from "../components/ExportStatusBanner.js";
+import { useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CTAOverflowMenu as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/ProductsPage.tsx
-function w() {
-	let { basePath: w, navigate: T } = s(), { state: E, isExporting: D, startExport: O, dismiss: k } = _("products", "product"), [A, j] = y(0), [M, N] = y(25), [P, F] = y(""), I = g(P), { products: L, totalProducts: R, hasMore: z, isLoading: B, error: V, refetch: H } = l({
-		limit: M,
-		offset: A * M,
-		search: I
-	}), { stats: U } = c(), W = (e) => T?.(o(w, e));
-	return /* @__PURE__ */ x(d, {
+function E() {
+	let { basePath: E, navigate: D } = c(), { state: O, isExporting: k, startExport: A, dismiss: j } = y("products", "product"), [M, N] = x(0), [P, F] = x(25), [I, L] = x(""), R = v(I), { products: z, totalProducts: B, hasMore: V, isLoading: H, error: U, refetch: W } = f({
+		limit: P,
+		offset: M * P,
+		search: R
+	}), { stats: G } = d(), K = (e) => D?.(s(E, e));
+	return /* @__PURE__ */ C(m, {
 		title: "Products",
-		subtitle: `${U.total} products`,
-		icon: /* @__PURE__ */ b(t, { size: 24 }),
-		headerActions: /* @__PURE__ */ b(S, {
+		subtitle: `${G.total} products`,
+		icon: /* @__PURE__ */ S(t, { size: 24 }),
+		headerActions: /* @__PURE__ */ S(w, {
 			primary: {
 				label: "Add Product",
-				icon: /* @__PURE__ */ b(n, { size: 16 }),
-				onSelect: () => W("inventory/products/new")
+				icon: /* @__PURE__ */ S(n, { size: 16 }),
+				onSelect: () => K("inventory/products/new")
 			},
-			actions: [{
-				label: "Refresh",
-				icon: /* @__PURE__ */ b(r, { size: 16 }),
-				onSelect: () => H()
-			}, {
-				label: D ? "Exporting…" : "Export",
-				icon: /* @__PURE__ */ b(e, { size: 16 }),
-				onSelect: O
-			}]
+			actions: [
+				{
+					label: "Refresh",
+					icon: /* @__PURE__ */ S(r, { size: 16 }),
+					onSelect: () => W()
+				},
+				{
+					label: "Import",
+					icon: /* @__PURE__ */ S(o, { size: 16 }),
+					onSelect: () => K("import-export?entity=CARGO_ITEM")
+				},
+				{
+					label: k ? "Exporting…" : "Export",
+					icon: /* @__PURE__ */ S(e, { size: 16 }),
+					onSelect: A
+				}
+			]
 		}),
 		children: [
-			/* @__PURE__ */ b(C, {
-				icon: /* @__PURE__ */ b(t, { size: 18 }),
+			/* @__PURE__ */ S(T, {
+				icon: /* @__PURE__ */ S(t, { size: 18 }),
 				children: "The catalog of items you ship. Each product's dimensions, weight, value and handling flags (fragile, hazardous, temperature-controlled) drive how it's packed, priced and routed — keep them accurate so shipments are quoted and handled correctly."
 			}),
-			/* @__PURE__ */ b(v, {
-				state: E,
-				onDismiss: k
+			/* @__PURE__ */ S(b, {
+				state: O,
+				onDismiss: j
 			}),
-			/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Catalog at a glance"
-			}), /* @__PURE__ */ x(p, {
+			}), /* @__PURE__ */ C(g, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ b(f, {
+					/* @__PURE__ */ S(h, {
 						label: "Total products",
-						value: U.total,
-						icon: /* @__PURE__ */ b(t, { size: 20 }),
+						value: G.total,
+						icon: /* @__PURE__ */ S(t, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ b(f, {
+					/* @__PURE__ */ S(h, {
 						label: "Special handling",
-						value: U.specialHandling,
-						icon: /* @__PURE__ */ b(a, { size: 20 }),
+						value: G.specialHandling,
+						icon: /* @__PURE__ */ S(a, { size: 20 }),
 						accent: "warning",
 						subtitle: "Fragile or hazardous"
 					}),
-					/* @__PURE__ */ b(f, {
+					/* @__PURE__ */ S(h, {
 						label: "Temp-controlled",
-						value: U.temperatureControlled,
-						icon: /* @__PURE__ */ b(i, { size: 20 }),
+						value: G.temperatureControlled,
+						icon: /* @__PURE__ */ S(i, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ b(m, {
+			/* @__PURE__ */ S(_, {
 				columns: [
 					{
 						id: "sku",
 						header: "SKU",
 						accessorKey: "sku",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b("span", {
+						cell: (e) => /* @__PURE__ */ S("span", {
 							className: "font-mono",
 							children: e.sku
 						})
@@ -98,10 +107,10 @@ function w() {
 						header: "Product Name",
 						accessorKey: "name",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+						cell: (e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ S("p", {
 							className: "text-sm text-text-secondary line-clamp-1",
 							children: e.description ?? "Not provided"
 						})] })
@@ -111,7 +120,7 @@ function w() {
 						header: "Category",
 						accessorKey: "category",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b(u, {
+						cell: (e) => /* @__PURE__ */ S(p, {
 							variant: "outline",
 							children: e.category ?? "Not provided"
 						})
@@ -126,35 +135,35 @@ function w() {
 						header: "Weight",
 						accessorKey: "weight",
 						sortable: !0,
-						cell: (e) => e.weight === void 0 ? "Not provided" : `${e.weight} kg`
+						cell: (e) => e.weight === void 0 ? "Not provided" : u(e.weight)
 					},
 					{
 						id: "value",
 						header: "Value",
 						accessorKey: "value",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ b("span", {
+						cell: (e) => /* @__PURE__ */ S("span", {
 							className: "font-medium",
-							children: e.value === void 0 ? "Not provided" : h(e.value)
+							children: e.value === void 0 ? "Not provided" : l(e.value)
 						})
 					},
 					{
 						id: "flags",
 						header: "Flags",
-						cell: (e) => /* @__PURE__ */ x("div", {
+						cell: (e) => /* @__PURE__ */ C("div", {
 							className: "flex gap-1",
 							children: [
-								e.fragile && /* @__PURE__ */ b(u, {
+								e.fragile && /* @__PURE__ */ S(p, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Fragile"
 								}),
-								e.hazardous && /* @__PURE__ */ b(u, {
+								e.hazardous && /* @__PURE__ */ S(p, {
 									variant: "destructive",
 									className: "text-xs",
 									children: "Hazardous"
 								}),
-								e.temperatureControlled && /* @__PURE__ */ b(u, {
+								e.temperatureControlled && /* @__PURE__ */ S(p, {
 									variant: "secondary",
 									className: "text-xs",
 									children: "Temp Control"
@@ -163,10 +172,10 @@ function w() {
 						})
 					}
 				],
-				data: L,
-				isLoading: B,
-				error: V,
-				onRetry: H,
+				data: z,
+				isLoading: H,
+				error: U,
+				onRetry: W,
 				searchable: !0,
 				searchPlaceholder: "Search products...",
 				searchFields: [
@@ -174,20 +183,20 @@ function w() {
 					"sku",
 					"category"
 				],
-				searchQuery: P,
+				searchQuery: I,
 				onSearchQueryChange: (e) => {
-					F(e), j(0);
+					L(e), N(0);
 				},
-				onRowClick: (e) => W(`inventory/products/${e.id}`),
+				onRowClick: (e) => K(`inventory/products/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: A,
-				pageSize: M,
-				onPageChange: j,
+				pageIndex: M,
+				pageSize: P,
+				onPageChange: N,
 				onPageSizeChange: (e) => {
-					N(e), j(0);
+					F(e), N(0);
 				},
-				totalItems: R,
-				hasNextPage: z,
+				totalItems: B,
+				hasNextPage: V,
 				emptyIllustration: "empty-files",
 				emptyTitle: "No products yet",
 				emptyDescription: "Add products to your catalog so they can be added to orders and stocked in warehouses."
@@ -196,4 +205,4 @@ function w() {
 	});
 }
 //#endregion
-export { w as default };
+export { E as default };