@evenicanpm/portal-table-ui 2.3.0 → 2.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@evenicanpm/portal-table-ui",
-	"version": "2.3.0",
+	"version": "2.3.2",
 	"description": "",
 	"license": "ISC",
 	"author": "",
@@ -47,5 +47,5 @@
 		"date-fns": "^4.1.0",
 		"zod": "^4.4.3"
 	},
-	"gitHead": "72bf1aeb02a3d96c587706c0d91606698e38ff6a"
+	"gitHead": "213ad422feec74815e682bd9950ef94893e5ecda"
 }

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

@@ -78,6 +78,7 @@ interface InvoiceData {
 	Notes?: string;
 	Id: string;
 	OrderedByCustomerName?: string;
+	ChargeTotal?: number;
 }
 
 interface TableColumn {
@@ -88,7 +89,7 @@ interface TableColumn {
 
 const detailSkeletonKeys = ["from", "bill-to", "invoice-date", "due-date"];
 const tableSkeletonRowKeys = ["line-1", "line-2", "line-3", "line-4"];
-const totalSkeletonKeys = ["subtotal", "tax", "total"];
+const totalSkeletonKeys = ["subtotal", "charge-total", "tax", "total"];
 
 const isDataEmpty = (data: InvoiceData | null | undefined): boolean => {
 	if (!data) return true;
@@ -138,7 +139,7 @@ export const InvoiceDetailsTemplate = ({
 	const subtotal = invoice?.InvoiceSubtotal ?? 0;
 	const tax = invoice?.TotalTaxAmount ?? 0;
 	const total = invoice?.Amount ?? 0;
-
+	const chargeTotal = invoice?.ChargeTotal ?? 0;
 	// Fixed column definitions with specific widths
 	const columns: TableColumn[] = [
 		{ label: "#", width: 60, aligned: "left" },
@@ -562,6 +563,12 @@ export const InvoiceDetailsTemplate = ({
 										{formatCurrency(subtotal)}
 									</Typography>
 								</Box>
+								<Box display="flex" justifyContent="space-between" mb={1}>
+									<Typography variant="body2">Total Charges</Typography>
+									<Typography variant="body2" fontWeight={500}>
+										{formatCurrency(chargeTotal)}
+									</Typography>
+								</Box>
 								<Box display="flex" justifyContent="space-between" mb={1}>
 									<Typography variant="body2">Tax</Typography>
 									<Typography variant="body2" fontWeight={500}>

package/src/features/table/components/dashboard/table/table.tsx

@@ -241,13 +241,16 @@ export default function DocumentTable({
 		bulkRegistry,
 	);
 
-	const hasActions =
+	/* const hasActions =
 		configPending ||
 		(resolvedActions.length > 0 &&
 			rows?.data?.some((row) =>
 				resolvedActions.some((a) => !a.isEnabled || a.isEnabled(row)),
 			)) ||
-		false;
+		false; */
+	// we want the column to appear by default, actions will render separately
+	// when ready which is currently the desired behaviour per item 7435
+	const hasActions = (config?.Actions?.length ?? 0) > 0;
 	const hasBulkActions = resolvedBulkActions.length > 0;
 
 	// --- Render --- //

package/src/features/table/logic/transformers.ts

@@ -32,7 +32,7 @@ export const getVisibleColumns = (columns: Column[] | undefined) =>
 	columns
 		?.filter(
 			(column): column is Column & { ColumnOrder: number } =>
-				typeof column.ColumnOrder === "number",
+				typeof column.ColumnOrder === "number" && column.IsVisible !== false,
 		)
 		.sort((a, b) => a.ColumnOrder - b.ColumnOrder);