@tap-payments/os-micro-frontend-shared 0.1.91-test.7 → 0.1.92-test.1

package/build/components/TableCells/CustomCells/BrandsCell/BrandsCell.js

@@ -19,5 +19,5 @@ import IconWithBadge from '../../../IconWithBadge';
 export default function BrandsCell(_a) {
     var { brand, verificationStatus, hideStatus } = _a, props = __rest(_a, ["brand", "verificationStatus", "hideStatus"]);
     const icon = verificationIcon[verificationStatus !== null && verificationStatus !== void 0 ? verificationStatus : 'incomplete'];
-    return (_jsx(TableCell, Object.assign({}, props, { "data-testid": "BrandsCell_TableCell", sx: { '&:hover': { overflow: 'visible', minWidth: 'max-content', zIndex: 30 } } }, { children: _jsx(BrandsWrapper, Object.assign({ sx: { cursor: props.onClick ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden', width: '100%', '&:hover': { overflow: 'visible' } } }, { children: [_jsx(IconWithBadge, { mainIcon: brand.logo, mainIconSize: 16, containerSize: 16, borderColor: "transparent" }), _jsx(Label, Object.assign({ brandName: brand.name }, { children: brand.name || 'Not Available' })), !hideStatus && (_jsx(IconWithBadge, { mainIcon: icon, mainIconSize: 10, containerSize: 10, borderColor: "transparent", containerSx: { marginLeft: 'auto' } }))] })) })) })) })));
+    return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(BrandsWrapper, Object.assign({ sx: { cursor: props.onClick ? 'pointer' : 'default' } }, { children: _jsx(Tooltip, Object.assign({ title: brand.name }, { children: _jsxs(Box, Object.assign({ display: "flex", alignItems: "center", gap: '5px', sx: { overflow: 'hidden', width: '100%' } }, { children: [_jsx(IconWithBadge, { mainIcon: brand.logo, mainIconSize: 16, containerSize: 16, borderColor: "transparent" }), _jsx(Label, Object.assign({ sx: Object.assign({}, (!brand.name && { color: '#B1B1B1' })) }, { children: brand.name || 'Not Available' })), !hideStatus && (_jsx(IconWithBadge, { mainIcon: icon, mainIconSize: 10, containerSize: 10, borderColor: "transparent", containerSx: { marginLeft: 'auto' } }))] })) })) })) })));
 }

package/build/components/TableCells/CustomCells/BrandsCell/style.d.ts

@@ -2,6 +2,4 @@
 export declare const BrandsWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BrandName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    brandName?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/build/components/TableCells/CustomCells/BrandsCell/style.js

@@ -7,7 +7,6 @@ export const BrandsWrapper = styled('div')(({ theme }) => ({
     borderRadius: '44px',
     padding: '4px 8px',
     lineHeight: '120%',
-    '&:hover': { minWidth: 'max-content', overflow: 'visible' },
 }));
 export const BrandName = styled('div')(({ theme }) => ({
     fontSize: '14px',
@@ -18,6 +17,13 @@ export const VerificationIcon = styled('img')(() => ({
     width: '8px',
     height: '8px',
 }));
-export const Label = styled('p', {
-    shouldForwardProp: (props) => 'brandName' !== props,
-})(({ theme, brandName }) => (Object.assign({ fontSize: '14px', fontWeight: 400, color: theme.palette.text.primary, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', maxWidth: '100%', margin: '0', '&:hover': { overflow: 'visible' } }, (!brandName && { color: '#B1B1B1' }))));
+export const Label = styled('p')(({ theme }) => ({
+    fontSize: '14px',
+    fontWeight: 400,
+    color: theme.palette.text.primary,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    maxWidth: '100%',
+    margin: '0',
+}));

package/build/constants/assets.d.ts

@@ -540,3 +540,5 @@ export declare const blackMobileSignalIcon: string;
 export declare const emptyMobileWifiIcon: string;
 export declare const deemaWithLabel: string;
 export declare const blackUnLinkIcon: string;
+export declare const sortDescArrowIcon: string;
+export declare const sortAscArrowIcon: string;

package/build/constants/assets.js

@@ -544,3 +544,5 @@ export const blackMobileSignalIcon = `${lightUrl}/blackMobileSignalIcon.svg`;
 export const emptyMobileWifiIcon = `${lightUrl}/emptyMobileWifiIcon.svg`;
 export const deemaWithLabel = `${lightUrl}/deemaWithLabel.svg`;
 export const blackUnLinkIcon = `${lightUrl}/blackUnLinkIcon.svg`;
+export const sortDescArrowIcon = `${lightUrl}/sortDescArrowIcon.svg`;
+export const sortAscArrowIcon = `${lightUrl}/sortAscArrowIcon.svg`;

package/build/constants/table/cell/refundTableCellWidth.d.ts

@@ -94,6 +94,16 @@ export declare const refundTableCellWidth: {
         readonly text: "195px";
         readonly sheet: "180px";
     };
+    readonly payouts: {
+        readonly default: "195px";
+        readonly text: "195px";
+        readonly sheet: "300px";
+    };
+    readonly reason: {
+        readonly default: "170px";
+        readonly text: "240px";
+        readonly sheet: "160px";
+    };
     readonly destinations: {
         readonly default: "70px";
         readonly text: "240px";
@@ -182,7 +192,7 @@ export declare const refundTableCellWidth: {
     readonly charge_meta: {
         readonly default: "100px";
         readonly text: "100px";
-        readonly sheet: "100px";
+        readonly sheet: "250px";
     };
     readonly brand: {
         readonly default: "116px";

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

@@ -94,6 +94,16 @@ export const refundTableCellWidth = {
         text: '195px',
         sheet: '180px',
     },
+    payouts: {
+        default: '195px',
+        text: '195px',
+        sheet: '300px',
+    },
+    reason: {
+        default: '170px',
+        text: '240px',
+        sheet: '160px',
+    },
     destinations: {
         default: '70px',
         text: '240px',
@@ -182,7 +192,7 @@ export const refundTableCellWidth = {
     charge_meta: {
         default: '100px',
         text: '100px',
-        sheet: '100px',
+        sheet: '250px',
     },
     brand: {
         default: '116px',

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