@tap-payments/os-micro-frontend-shared 0.0.232-test.18-test.19 → 0.0.233-test.20

package/build/components/TableCells/CustomCells/ReferenceCell/ReferenceCell.d.ts

@@ -1,3 +1,3 @@
 import type { ReferenceCellProps } from './type';
-declare function ReferenceCell({ isTextShown, tableMode, ...props }: ReferenceCellProps): import("react/jsx-runtime").JSX.Element;
+declare function ReferenceCell({ isTextShown, ...props }: ReferenceCellProps): import("react/jsx-runtime").JSX.Element;
 export default ReferenceCell;

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

@@ -16,12 +16,10 @@ import startCase from 'lodash/startCase';
 import Tooltip from '../../../Tooltip';
 import { ImageWrapper } from '../../../index.js';
 import { TableCell } from '../../../TableCells';
-import StatusChip from '../../../StatusChip';
-import { referenceIcons, REFERENCE_WIDTH_MAP } from './constant';
+import { referenceIcons } from './constant';
 import { ReferenceTextLabel, ReferenceTextWrapper, ReferenceSourcesContainer, StyledSourceCell, StyledSourceImage, referenceSourceAnimation, } from './style';
-import { Box } from '@mui/material';
 function ReferenceCell(_a) {
-    var { isTextShown, tableMode } = _a, props = __rest(_a, ["isTextShown", "tableMode"]);
+    var { isTextShown } = _a, props = __rest(_a, ["isTextShown"]);
     const [isTooltipOpen, setIsTooltipOpen] = useState(false);
     const theme = useTheme();
     const references = useMemo(() => Object.keys(referenceIcons).filter((key) => !!props[key]), [props]);
@@ -36,21 +34,6 @@ function ReferenceCell(_a) {
                 } }, { children: isTextShown ? (_jsx(ReferenceTextWrapper, { children: _jsx(ReferenceTextLabel, { children: startCase(reference) }) })) : (_jsx(StyledSourceImage, { src: referenceIcons[reference], alt: reference, sx: Object.assign({}, (reference === 'order' && { width: '11.82px' })) })) })) }), `${reference}-${index}`));
     }), [props, references, isTextShown, theme]);
     const referenceSourcesCount = (ReferenceSources === null || ReferenceSources === void 0 ? void 0 : ReferenceSources.length) || 0;
-    if (tableMode === 'sheet') {
-        return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, Object.assign({ sx: { gap: '4px', display: 'flex', flexWrap: 'nowrap' } }, { children: references.map((referenceKey) => {
-                    const referenceValue = props[referenceKey];
-                    const widthConfig = REFERENCE_WIDTH_MAP[referenceKey];
-                    return (_jsx(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: _jsx(StatusChip, Object.assign({ sx: {
-                                maxWidth: widthConfig.width,
-                                overflow: 'hidden',
-                                textOverflow: 'ellipsis',
-                                whiteSpace: 'nowrap',
-                                boxSizing: 'border-box',
-                                display: 'inline-block',
-                                padding: '0.75px 12px',
-                            } }, { children: `${startCase(referenceKey)}: ${referenceValue}` })) }), referenceKey));
-                }) })) })));
-    }
     return (_jsx(TableCell, Object.assign({}, props, { children: _jsx(StyledSourceCell, { children: referenceSourcesCount > 0 ? (_jsx(ReferenceSourcesContainer, Object.assign({ layout: true, className: "reference-sources-container", whileHover: "animate", animate: isTooltipOpen ? 'animate' : 'start', sourcesCount: referenceSourcesCount, variants: { animate: { width: referenceSourcesCount * (6 + 32) } }, style: {
                     zIndex: 29,
                 } }, { children: ReferenceSources }))) : null }) })));

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

@@ -4,23 +4,3 @@ export declare const referenceIcons: {
     payment: string;
     order: string;
 };
-export declare const REFERENCE_WIDTH_MAP: {
-    order: {
-        width: string;
-    };
-    payment: {
-        width: string;
-    };
-    acquirer: {
-        width: string;
-    };
-    generic: {
-        width: string;
-    };
-    merchant: {
-        width: string;
-    };
-    customer: {
-        width: string;
-    };
-};

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

@@ -5,11 +5,3 @@ export const referenceIcons = {
     payment: transactionIcon,
     order: orderIcon,
 };
-export const REFERENCE_WIDTH_MAP = {
-    order: { width: '185px' },
-    payment: { width: '205px' },
-    acquirer: { width: '155px' },
-    generic: { width: '166px' },
-    merchant: { width: '140px' },
-    customer: { width: '140px' },
-};

package/build/components/TableCells/CustomCells/ReferenceCell/type.d.ts

@@ -9,5 +9,4 @@ export interface ReferenceCellProps extends TableCellProps {
     generic?: string;
     payment?: string;
     isTextShown?: boolean;
-    tableMode?: 'default' | 'text' | 'sheet';
 }

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

@@ -179,4 +179,24 @@ export declare const chargeTableCellWidth: {
         readonly text: "140px";
         readonly sheet: "140px";
     };
+    readonly acquirer_ref: {
+        readonly default: "125px";
+        readonly text: "125px";
+        readonly sheet: "125px";
+    };
+    readonly order_ref: {
+        readonly default: "200px";
+        readonly text: "200px";
+        readonly sheet: "200px";
+    };
+    readonly payment_ref: {
+        readonly default: "150px";
+        readonly text: "150px";
+        readonly sheet: "150px";
+    };
+    readonly generic_ref: {
+        readonly default: "125px";
+        readonly text: "125px";
+        readonly sheet: "125px";
+    };
 };

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

@@ -179,4 +179,24 @@ export const chargeTableCellWidth = {
         text: '140px',
         sheet: '140px',
     },
+    acquirer_ref: {
+        default: '125px',
+        text: '125px',
+        sheet: '125px',
+    },
+    order_ref: {
+        default: '200px',
+        text: '200px',
+        sheet: '200px',
+    },
+    payment_ref: {
+        default: '150px',
+        text: '150px',
+        sheet: '150px',
+    },
+    generic_ref: {
+        default: '125px',
+        text: '125px',
+        sheet: '125px',
+    },
 };

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.232-test.18-test.19",
-  "testVersion": 19,
+  "version": "0.0.233-test.20",
+  "testVersion": 20,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",