@evenicanpm/portal-table-ui 1.8.2 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@evenicanpm/portal-table-ui",
-	"version": "1.8.2",
+	"version": "2.0.0",
 	"description": "",
 	"license": "ISC",
 	"author": "",
@@ -41,11 +41,11 @@
 	},
 	"dependencies": {
 		"@arrows/multimethod": "^2.1.0",
-		"@evenicanpm/portal-types-schemas": "^1.8.1",
-		"@evenicanpm/ui": "^1.8.1",
+		"@evenicanpm/portal-types-schemas": "^2.0.0",
+		"@evenicanpm/ui": "^2.0.0",
 		"@mui/lab": "^7.0.1-beta.19",
 		"@tanstack/react-query": "^5.90.11",
 		"date-fns": "^4.1.0"
 	},
-	"gitHead": "d82197e04ab3e322c51a112929cec75dd842d5f6"
+	"gitHead": "7552c1e700a0027b8a65506c77cb10dae092fdfb"
 }

package/src/auth/auth-context.tsx

@@ -84,9 +84,9 @@ const PortalAuthProvider = ({
 };
 
 export {
-	PortalAuthProvider,
-	useAuth,
-	type AuthProviderProps,
 	AuthContext,
+	type AuthProviderProps,
+	PortalAuthProvider,
 	type Session,
+	useAuth,
 };

package/src/features/table/components/dashboard/table/data-mask-map.ts

@@ -5,10 +5,28 @@ import type * as Table from "../../../types/";
 export const dataMaskMap: Table.Handlers.DataMaskMap = {
 	// DATE TIME HAS SPECIFIC MASK HANDLING
 	datetime: (value: string | number, _dataMask: string) => {
-		return format(new Date(value), "MM/dd/yyyy");
+		if (!value) return "";
+
+		const date = new Date(value);
+
+		if (isNaN(date.getTime())) {
+			console.warn("Invalid datetime value:", value);
+			return "";
+		}
+
+		return format(date, "MM/dd/yyyy");
 	},
 	date: (value: string | number, _dataMask: string) => {
-		return format(new Date(value), "MM/dd/yyyy");
+		if (!value) return "";
+
+		const date = new Date(value);
+
+		if (isNaN(date.getTime())) {
+			console.warn("Invalid date value:", value);
+			return "";
+		}
+
+		return format(date, "MM/dd/yyyy");
 	},
 	numeric: (value: string | number, dataMask: string) => {
 		// IS CURRENCY?

package/src/features/table/components/dashboard/table/details/templates/invoice-details.tsx

@@ -1,4 +1,5 @@
 "use client";
+import FlagIcon from "@mui/icons-material/Flag";
 import {
 	Box,
 	Card,
@@ -35,7 +36,7 @@ const formatDate = (dateString?: string): string => {
 	if (!dateString) return "—";
 	try {
 		const date = new Date(dateString);
-		if (isNaN(date.getTime())) return dateString;
+		if (Number.isNaN(date.getTime())) return dateString;
 		return new Intl.DateTimeFormat("en-US", {
 			year: "numeric",
 			month: "long",
@@ -60,6 +61,7 @@ interface InvoiceLine {
 
 interface InvoiceData {
 	Status?: string | number;
+	IsOverdue?: boolean;
 	SalesInvoiceLine?: InvoiceLine[];
 	InvoiceSubtotal?: number;
 	TotalTaxAmount?: number;
@@ -337,7 +339,14 @@ export const InvoiceDetailsTemplate = ({
 									<Typography variant="body2" color="text.secondary">
 										Due Date
 									</Typography>
-									<Typography>{formatDate(invoice.DueDate)}</Typography>
+
+									<Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
+										<Typography>{formatDate(invoice.DueDate)}</Typography>
+
+										{invoice?.IsOverdue && (
+											<FlagIcon sx={{ color: "error.main" }} fontSize="small" />
+										)}
+									</Box>
 								</Grid2>
 							)}
 						</Grid2>

package/src/features/table/components/dashboard/table/index.ts

@@ -1,2 +1,3 @@
 import Table from "./table";
+
 export { Table };