From 907343c5dbb8b94a1a2c65448ba8ec7b98e111ff Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 8 Nov 2023 08:30:05 +1100
Subject: [PATCH] Pinned action column (#5880)

* Update mantine-datatable package

* use new pinLastColumn property
---
 src/frontend/package.json                             |  2 +-
 src/frontend/src/components/tables/InvenTreeTable.tsx | 10 +---------
 src/frontend/src/components/tables/RowActions.tsx     |  2 +-
 src/frontend/yarn.lock                                |  8 ++++----
 4 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/frontend/package.json b/src/frontend/package.json
index 0ac80c9f07..3b421782a3 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -35,7 +35,7 @@
         "easymde": "^2.18.0",
         "embla-carousel-react": "^7.1.0",
         "html5-qrcode": "^2.3.8",
-        "mantine-datatable": "^6.0.0",
+        "mantine-datatable": "^6.0.5",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-grid-layout": "^1.4.2",
diff --git a/src/frontend/src/components/tables/InvenTreeTable.tsx b/src/frontend/src/components/tables/InvenTreeTable.tsx
index ff16019ada..51cd0ae6eb 100644
--- a/src/frontend/src/components/tables/InvenTreeTable.tsx
+++ b/src/frontend/src/components/tables/InvenTreeTable.tsx
@@ -161,15 +161,6 @@ export function InvenTreeTable({
         hidden: false,
         switchable: false,
         width: 50,
-        cellsStyle: {
-          position: 'sticky',
-          right: 0,
-          // TODO: Use the theme color to set the background color
-          backgroundColor: '#FFF',
-          // TODO: Use the scroll area callbacks to determine if we need to display a "shadow"
-          borderLeft: '1px solid #DDD',
-          padding: '3px'
-        },
         render: function (record: any) {
           return (
             <RowActions
@@ -520,6 +511,7 @@ export function InvenTreeTable({
           striped
           highlightOnHover
           loaderVariant="dots"
+          pinLastColumn={tableProps.rowActions != undefined}
           idAccessor={tableProps.idAccessor}
           minHeight={300}
           totalRecords={recordCount}
diff --git a/src/frontend/src/components/tables/RowActions.tsx b/src/frontend/src/components/tables/RowActions.tsx
index a16de60c17..cdc8e4170d 100644
--- a/src/frontend/src/components/tables/RowActions.tsx
+++ b/src/frontend/src/components/tables/RowActions.tsx
@@ -100,7 +100,7 @@ export function RowActions({
         onChange={setOpened}
       >
         <Menu.Target>
-          <Tooltip label={title || t`Actions`}>
+          <Tooltip withinPortal={true} label={title || t`Actions`}>
             <ActionIcon
               onClick={openMenu}
               disabled={disabled}
diff --git a/src/frontend/yarn.lock b/src/frontend/yarn.lock
index f055cda8be..2c1e9e6e7a 100644
--- a/src/frontend/yarn.lock
+++ b/src/frontend/yarn.lock
@@ -2219,10 +2219,10 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
-mantine-datatable@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/mantine-datatable/-/mantine-datatable-6.0.0.tgz#e402f8461b30b7f833546212297d1242481bc267"
-  integrity sha512-fj2GFpZ30B30zaQFIsFlmUzRbK3hoiLaZXGaquDqK0jbIzsxlIDbLjgTvI9KJ8f1Gk+bE0lXc4yRBsmvg6DCnA==
+mantine-datatable@^6.0.5:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/mantine-datatable/-/mantine-datatable-6.0.5.tgz#e8e6e781de44233bd40c26cd7400186fce15f7a0"
+  integrity sha512-TMDz7zkpDUkK2qlSn5pA+EuwHAVogDyPWNbs702M5f5mmHjjtC6q20U+4f09kYU+uZzrJ3E9wDA2Y1+bxXl/ew==
 
 marked@^4.1.0:
   version "4.3.0"