@tap-payments/os-micro-frontend-shared 0.0.217-test.5 → 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/build/constants/table/cell/chargeTableCellWidth.d.ts

@@ -159,14 +159,9 @@ export declare const chargeTableCellWidth: {
         readonly text: "52px";
         readonly sheet: "52px";
     };
-    readonly actionIcon: {
+    readonly action_icon: {
         readonly default: "30px";
         readonly text: "30px";
         readonly sheet: "30px";
     };
-    readonly actionIconSheet: {
-        readonly default: "100px";
-        readonly text: "100px";
-        readonly sheet: "300px";
-    };
 };

package/build/constants/table/cell/chargeTableCellWidth.js

@@ -159,14 +159,9 @@ export const chargeTableCellWidth = {
         text: '52px',
         sheet: '52px',
     },
-    actionIcon: {
+    action_icon: {
         default: '30px',
         text: '30px',
         sheet: '30px',
     },
-    actionIconSheet: {
-        default: '100px',
-        text: '100px',
-        sheet: '300px',
-    },
 };

package/build/utils/columns.d.ts

@@ -1,8 +1,10 @@
 import type { IColumnProps, ColumnViewProps, ColumnsView } from '../types/index.js';
 export declare function filterShownColumns<T>(columns: Array<IColumnProps<T & {
     actions: string;
+    action_icon: string;
 }>>, tableViews: ColumnViewProps[]): IColumnProps<T & {
     actions: string;
+    action_icon: string;
 }>[];
 export declare function isParameterSelected(columns: ColumnViewProps[], columnId: string, parameter: string): boolean;
 export declare function mapDataToViews(columnData?: ColumnsView[], language?: string): ColumnViewProps[];

package/build/utils/columns.js

@@ -7,7 +7,7 @@ export function filterShownColumns(columns, tableViews) {
         const isColumnWithMenuItems = !!column.tableViewId && (((_a = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.menuItems) === null || _a === void 0 ? void 0 : _a.length) || 0) > 1;
         const isMenuItemSelected = (_c = (_b = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.menuItems) === null || _b === void 0 ? void 0 : _b.find((item) => item.name === column.tableViewId)) === null || _c === void 0 ? void 0 : _c.selected;
         const isColumnSelected = !!selectedColumn && (isMenuItemSelected || !isColumnWithMenuItems);
-        const isBasicColumn = ['actions', 'actionIcon'].includes((_e = (_d = column.id) === null || _d === void 0 ? void 0 : _d.toString()) === null || _e === void 0 ? void 0 : _e.toLowerCase());
+        const isBasicColumn = ['actions', 'action_icon'].includes((_e = (_d = column.id) === null || _d === void 0 ? void 0 : _d.toString()) === null || _e === void 0 ? void 0 : _e.toLowerCase());
         if (isColumnSelected || isBasicColumn) {
             return true;
         }

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.5",
-  "testVersion": 5,
+  "version": "0.0.217-test.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",