@tap-payments/os-micro-frontend-shared 0.0.286 → 0.0.288

package/build/components/StatusIcons/ChargeStatusIcon/ChargeStatusIcon.js

@@ -11,7 +11,7 @@ import StatusChip from '../../StatusChip';
 export function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip, chargeTooltip, errorCode, isTextShown, gatewayCode, acquirerCode, unCapturedStyles, iconStyles, iconWrapperStyles, gatewayIconWrapperStyles, gatewayContainerStyles, gateWayIconStyles, tableMode, showBadge = true, }) {
     const unCapturedStatusStyle = chargeStatus ? unCapturedStatusesStyles[chargeStatus] : null;
     const captureStatusStyle = chargeStatus ? capturedStatusesStyles[chargeStatus] : null;
-    const sheetViewStatusStyle = chargeStatus ? chargeSheetViewChipStyles[chargeStatus] : null;
+    const sheetViewStatusStyle = chargeStatus ? chargeSheetViewChipStyles[chargeStatus] : {};
     const theme = useTheme();
     const { t } = useTranslation();
     const chargeTooltipTitle = chargeTooltip && (_jsx(_Fragment, { children: _jsx("div", { children: chargeTooltip }) }));
@@ -19,7 +19,8 @@ export function ChargeStatusIcon({ chargeStatus, gatewayTooltip, acquirerTooltip
     const gatewayTooltipTitle = gatewayTooltip && (_jsxs(_Fragment, { children: [_jsx("div", { children: "Gateway" }), _jsx("div", { children: gatewayTooltip })] }));
     const chargeIcon = chargeStatus && statusIcons[chargeStatus] && (_jsx("div", Object.assign({ "data-testid": "ChargeStatusIcon_ChargeIcon", style: Object.assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', width: '16px', height: '16px', borderRadius: unCapturedStatusStyle ? '50%' : '' }, iconWrapperStyles) }, { children: _jsx(StatusIcon, { src: statusIcons[chargeStatus], alt: "charge-icon", "data-testid": "ChargeStatusIcon_StatusIcon", style: Object.assign({ borderRadius: unCapturedStatusStyle ? '50%' : '', width: '16px', height: '16px' }, iconStyles) }) })));
     if (tableMode === 'sheet') {
-        return _jsx(StatusChip, Object.assign({ sx: Object.assign({}, sheetViewStatusStyle) }, { children: t(camelCase(chargeStatus)) }));
+        const { background, color, border } = sheetViewStatusStyle;
+        return _jsx(StatusChip, Object.assign({ sx: { background, color, border } }, { children: t(camelCase(chargeStatus)) }));
     }
     if (isTextShown) {
         return (_jsxs(TextViewWrapper, { children: [_jsx(Tooltip, Object.assign({ title: chargeTooltipTitle }, { children: _jsxs(StatusTextLabel, Object.assign({ "data-testid": "ChargeStatusIcon_isTextShown", "data-status": camelCase(chargeStatus), sx: {

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

@@ -13,22 +13,6 @@ export declare const statusIcons: {
     UNKNOWN: string;
     AUTHORIZED: string;
 };
-export declare const chargeSheetViewChipStyles: {
-    CAPTURED: {
-        color: string;
-        background: string;
-    };
-    ABANDONED: {
-        color: string;
-        background: string;
-        border: string;
-    };
-    CANCELLED: {
-        color: string;
-        background: string;
-        border: string;
-    };
-};
 export declare const unCapturedStatusesStyles: Record<(typeof unCapturedStatuses)[number], {
     gatewayIcon: string;
     acquirerIcon: string;
@@ -78,3 +62,20 @@ export declare const capturedStatusesStyles: Record<(typeof unCapturedStatuses)[
     color: string;
     background: string;
 }>;
+export declare const chargeSheetViewChipStyles: {
+    ABANDONED: {
+        color: string;
+        background: string;
+        border: string;
+    };
+    CANCELLED: {
+        color: string;
+        background: string;
+        border: string;
+    };
+    INITIATED: {
+        color: string;
+        background: string;
+        border: string;
+    };
+};

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

@@ -13,22 +13,6 @@ export const statusIcons = {
     UNKNOWN: unknownIcon,
     AUTHORIZED: authorizedIcon,
 };
-export const chargeSheetViewChipStyles = {
-    CAPTURED: {
-        color: '#1F88D0',
-        background: '#1F88D01A',
-    },
-    ABANDONED: {
-        color: '#FFD600',
-        background: 'white',
-        border: '1px solid #FFD60080',
-    },
-    CANCELLED: {
-        color: '#EDC806',
-        background: '#FFD6001A',
-        border: 'none',
-    },
-};
 export const unCapturedStatusesStyles = {
     UNKNOWN: {
         gatewayIcon: gatewayOrangeIcon,
@@ -124,3 +108,16 @@ export const capturedStatusesStyles = {
         background: '#1F88D00D',
     },
 };
+export const chargeSheetViewChipStyles = Object.assign(Object.assign(Object.assign({}, unCapturedStatusesStyles), capturedStatusesStyles), { ABANDONED: {
+        color: '#FFD600',
+        background: 'white',
+        border: '1px solid #FFD60080',
+    }, CANCELLED: {
+        color: '#EDC806',
+        background: '#FFD6001A',
+        border: 'none',
+    }, INITIATED: {
+        color: '#8D8D94',
+        background: 'white',
+        border: '1px solid #8D8D941A',
+    } });

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

@@ -97,7 +97,8 @@ function SheetViewVirtualTable({ columns, rows, threshold = TABLE_THRESHOLD, sho
                         if (isLastRow) {
                             const usedHeight = rows.length * rowHeight;
                             const remainingHeight = height - usedHeight;
-                            return Math.max(remainingHeight, rowHeight);
+                            const minimumLastRowHeight = rowHeight * 2;
+                            return Math.max(remainingHeight, minimumLastRowHeight);
                         }
                         return rowHeight;
                     };

package/build/components/VirtualTable/components/ColumnFilter/ColumnFilter.js

@@ -48,7 +48,7 @@ function ColumnFilter(filter) {
             return filter.render(componentSharedProps);
         }
         return null;
-    }, [open, filter, open, onCloseDropdown]);
+    }, [open, filter, onCloseDropdown]);
     return (_jsxs(_Fragment, { children: [showClearIcon ? (_jsxs(FilterWrapper, { children: [_jsx(Box, { component: "img", "data-testid": "ColumnFilter_whiteFilterIcon", src: whiteFilterIcon, alt: "filter-icon", sx: { marginInlineEnd: '2px', height: 6 } }), _jsx(Box, { component: "img", "data-testid": "ColumnFilter_closeIcon", src: closeIcon, alt: "close-icon", onClick: (e) => {
                             e.stopPropagation();
                             setAnchorEl(null);

package/build/types/table.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
+import { SxProps } from '@mui/material/styles';
 import { BoxProps } from '@mui/material/Box';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { DragControls } from 'framer-motion';
+import { CustomColumnFilterProps } from '../components/VirtualTable';
 import { Country } from './appConfig';
 import { SortingOrder } from './sort';
-import { SxProps } from '@mui/material';
-import { CustomColumnFilterProps } from '../components/VirtualTable';
 export interface TableFilters<T> {
     order: string;
     dateRange: [Date, Date];

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.286",
-  "testVersion": 0,
+  "version": "0.0.288",
+  "testVersion": 6,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",