@tap-payments/os-micro-frontend-shared 0.0.217-test.6 → 0.0.217-test.7

package/build/components/TableCells/CustomCells/StatusCell/constant.d.ts

@@ -14,6 +14,10 @@ export declare const statusIcons: {
     AUTHORIZED: string;
 };
 export declare const sheetViewChipStyles: {
+    CAPTURED: {
+        color: string;
+        background: string;
+    };
     ABANDONED: {
         color: string;
         background: string;

package/build/components/TableCells/CustomCells/StatusCell/constant.js

@@ -14,6 +14,10 @@ export const statusIcons = {
     AUTHORIZED: authorizedIcon,
 };
 export const sheetViewChipStyles = {
+    CAPTURED: {
+        color: '#1F88D0',
+        background: '#1F88D01A',
+    },
     ABANDONED: {
         color: '#FFD600',
         background: 'transparent',

package/build/components/VirtualTable/SheetView/SheetViewVirtualTable.js

@@ -52,12 +52,18 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
     const [selectedColumn, setSelectedColumn] = useState(null);
     const handleCellClick = useCallback((rowIndex, columnId, event) => {
         event.stopPropagation();
+        if (event.target !== event.currentTarget) {
+            return;
+        }
         const cellKey = `${rowIndex}-${columnId}`;
         setSelectedCell((prev) => (prev === cellKey ? null : cellKey));
         setSelectedColumn(null);
     }, []);
     const handleColumnClick = useCallback((columnId, event) => {
         event.stopPropagation();
+        if (event.target !== event.currentTarget) {
+            return;
+        }
         setSelectedColumn((prev) => (prev === columnId ? null : columnId));
         setSelectedCell(null);
     }, []);

package/build/components/VirtualTable/SheetView/hooks/usePinnedColumns.js

@@ -6,7 +6,15 @@ export const usePinnedColumns = (columns, isPinnable, onColumnPin) => {
         return Array.from(new Set([...defaultPinned, ...userPinned]));
     });
     const [pinnedEndColumns, setPinnedEndColumns] = useState(() => {
-        return isPinnable ? columns.filter((c) => c.pinned === 'end').map((c) => c.id) : [];
+        if (!isPinnable)
+            return [];
+        const userPinned = columns.filter((c) => c.pinned === 'end').map((c) => c.id);
+        const visibleColumns = columns.filter((column) => !column.hidden);
+        const lastColumn = visibleColumns[visibleColumns.length - 1];
+        if (userPinned.length === 0 && lastColumn && !lastColumn.pinned && !lastColumn.isDefaultPinned) {
+            return [lastColumn.id];
+        }
+        return userPinned;
     });
     const handleColumnPin = useCallback((columnId, position = 'start') => {
         if (!isPinnable)

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.217-test.6",
-  "testVersion": 6,
+  "version": "0.0.217-test.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",