@evenicanpm/portal-table-ui 2.3.2 → 2.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@evenicanpm/portal-table-ui",
-	"version": "2.3.2",
+	"version": "2.3.3",
 	"description": "",
 	"license": "ISC",
 	"author": "",
@@ -42,10 +42,9 @@
 	},
 	"dependencies": {
 		"@arrows/multimethod": "^2.1.0",
-		"@evenicanpm/ui": "^2.0.0",
+		"@evenicanpm/ui": "file:../../../common/@evenicanpm/ui",
 		"@mui/lab": "^7.0.1-beta.19",
 		"date-fns": "^4.1.0",
 		"zod": "^4.4.3"
-	},
-	"gitHead": "213ad422feec74815e682bd9950ef94893e5ecda"
+	}
 }

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

@@ -13,6 +13,7 @@ import {
 	TableContainer,
 	TableHead,
 	TableRow,
+	Tooltip,
 	Typography,
 	useMediaQuery,
 	useTheme,
@@ -441,18 +442,8 @@ export const InvoiceDetailsTemplate = ({
 				{/* Line Items Section */}
 				{items.length > 0 ? (
 					<>
-						<TableContainer>
-							<Table
-								sx={{
-									minWidth: totalTableWidth,
-									"@media print": {
-										p: 0,
-										scrollbarWidth: "none !important",
-										msOverflowStyle: "none !important",
-										overflow: "visible !important",
-									},
-								}}
-							>
+						<TableContainer className="invoice-details-table-container">
+							<Table className="invoice-details-table">
 								<TableHead>
 									<TableRow>
 										{columns.map((col) => (
@@ -536,15 +527,27 @@ export const InvoiceDetailsTemplate = ({
 												<TableCell
 													sx={{
 														width: "100%",
-														textAlign: "center",
+														textAlign: "left",
+														px: 0,
 														"@media print": { width: "auto", minWidth: 0 },
 													}}
 													align="center"
 												>
 													{item.HasDiscount && (
-														<Typography color="error.main" fontWeight={700}>
-															*
-														</Typography>
+														<Tooltip
+															title="Indicates the line item has savings."
+															arrow
+															disableHoverListener={isMobile}
+														>
+															<Typography
+																component="span"
+																color="error.main"
+																fontWeight={700}
+																sx={{ cursor: "pointer" }}
+															>
+																*
+															</Typography>
+														</Tooltip>
 													)}
 												</TableCell>
 											</TableRow>
@@ -554,6 +557,14 @@ export const InvoiceDetailsTemplate = ({
 							</Table>
 						</TableContainer>
 
+						{isMobile && items.some((item) => item.HasDiscount) && (
+							<Box>
+								<Typography variant="caption" color="text.secondary">
+									* Indicates the line item has savings.
+								</Typography>
+							</Box>
+						)}
+
 						{/* Totals */}
 						<Box mt={3} display="flex" justifyContent="flex-end">
 							<Box width={{ xs: "100%", sm: 300 }}>

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

@@ -336,8 +336,12 @@ export default function DocumentTable({
 						);
 					})}
 			</FlexBox>
-			<TableContainer>
-				<Table aria-label="simple table" sx={{ tableLayout: { md: "fixed" } }}>
+			<TableContainer className="invoice-list-table-container">
+				<Table
+					className="invoice-list-table"
+					aria-label="simple table"
+					sx={{ tableLayout: { md: "fixed" } }}
+				>
 					<TableHeader
 						columns={visibleCols}
 						loading={configPending}