@tap-payments/os-micro-frontend-shared 0.1.271-test.2 → 0.1.271-test.4

package/build/components/TableCells/CustomCells/AmountCell/components/AmountConversionTooltipLabel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     type: 'fx' | 'dcc' | undefined;
     selectAmount?: number;
@@ -7,5 +8,5 @@ type Props = {
     merchantAmount?: number;
     merchantCurrency?: string;
 };
-export declare const AmountConversionTooltipLabel: ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const AmountConversionTooltipLabel: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/build/components/TableCells/CustomCells/AmountCell/components/AmountConversionTooltipLabel.js

@@ -2,14 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { conversionTypesLabels, formatAmountWithCurrency } from '../../../../../utils/index.js';
 import { CurrencySymbol } from '../../../../index.js';
 import { ConversionTooltip, ConversionTooltipRow } from '../style';
-export const AmountConversionTooltipLabel = ({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency, }) => {
+import { forwardRef } from 'react';
+export const AmountConversionTooltipLabel = forwardRef(({ type, selectAmount, selectCurrency, requestAmount, requestCurrency, merchantAmount, merchantCurrency }, ref) => {
     const customerSelectValue = formatAmountWithCurrency(selectAmount, selectCurrency);
     const chargeValue = formatAmountWithCurrency(requestAmount, requestCurrency);
     const settlementValue = formatAmountWithCurrency(merchantAmount, merchantCurrency);
-    return (_jsxs(ConversionTooltip, Object.assign({ sx: {
-            textAlign: 'right',
-            justifyContent: 'flex-end',
-        } }, { children: [_jsx("span", Object.assign({ style: {
+    return (_jsxs(ConversionTooltip, Object.assign({ ref: ref, sx: { textAlign: 'right', justifyContent: 'flex-end' } }, { children: [_jsx("span", Object.assign({ style: {
                     fontWeight: 'bold',
                 } }, { children: type ? conversionTypesLabels[type] : '' })), _jsxs(ConversionTooltip, { children: [type !== 'fx' && (_jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Customer Selected" }), ' ', _jsxs("span", { children: [_jsx(CurrencySymbol, { currency: selectCurrency }), " ", customerSelectValue.integerAmount, ".", customerSelectValue.decimalAmount] })] })), _jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Charge" }), ' ', _jsxs("span", { children: [_jsx(CurrencySymbol, { currency: requestCurrency }), " ", chargeValue.integerAmount, ".", chargeValue.decimalAmount] })] }), _jsxs(ConversionTooltipRow, { children: [_jsx("span", { children: "Settlement" }), ' ', _jsxs("span", { children: [_jsx(CurrencySymbol, { currency: merchantCurrency }), " ", settlementValue.integerAmount, ".", settlementValue.decimalAmount] })] })] })] })));
-};
+});

package/build/components/TableCells/CustomCells/AmountCell/components/ConversionTypeLabel.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TableMode } from '../../../../../types/index.js';
 import { AmountCellProps } from '../type';
 interface ConversionTypeLabelProps extends Pick<AmountCellProps, 'conversionType'> {
     tableMode: TableMode;
 }
-export declare const ConversionTypeLabel: ({ tableMode, conversionType }: ConversionTypeLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConversionTypeLabel: import("react").ForwardRefExoticComponent<ConversionTypeLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
 export {};

package/build/components/TableCells/CustomCells/AmountCell/components/ConversionTypeLabel.js

@@ -1,7 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { ConversionBadge } from '../style';
-export const ConversionTypeLabel = ({ tableMode, conversionType }) => {
+import { forwardRef } from 'react';
+export const ConversionTypeLabel = forwardRef(({ tableMode, conversionType }, ref) => {
     if (!conversionType)
         return _jsx(_Fragment, {});
-    return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type" }, { children: conversionType })));
-};
+    return (_jsx(ConversionBadge, Object.assign({ tableMode: tableMode, className: "conversion-type", ref: ref }, { children: conversionType })));
+});

package/build/components/TableCells/CustomCells/AmountCell/components/CurrencyInfo.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TableMode } from '../../../../../types/index.js';
 import { AmountCellProps } from '../type';
 interface CurrencyInfoProps extends Pick<AmountCellProps, 'amount' | 'currency'> {
     tableMode: TableMode;
 }
-export declare const CurrencyInfo: ({ tableMode, amount, currency }: CurrencyInfoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrencyInfo: import("react").ForwardRefExoticComponent<CurrencyInfoProps & import("react").RefAttributes<HTMLSpanElement>>;
 export {};

package/build/components/TableCells/CustomCells/AmountCell/components/CurrencyInfo.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { CurrencySymbol } from '../../../../index.js';
-import { CurrencySpan, DecimalSpan } from '../style';
 import { formatAmountWithCurrency } from '../../../../../utils/index.js';
-export const CurrencyInfo = ({ tableMode, amount, currency }) => {
+import { CurrencySpan, DecimalSpan } from '../style';
+export const CurrencyInfo = forwardRef(({ tableMode, amount, currency }, ref) => {
     const { integerAmount, decimalAmount } = formatAmountWithCurrency(amount, currency);
-    return (_jsx(CurrencySpan, Object.assign({ tableMode: tableMode }, { children: amount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: _jsx(CurrencySymbol, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })));
-};
+    return (_jsx(CurrencySpan, Object.assign({ tableMode: tableMode, ref: ref }, { children: amount !== undefined ? (_jsxs(_Fragment, { children: [_jsx("span", { children: _jsx(CurrencySymbol, { currency: currency, fontSize: 10 }) }), ' ', integerAmount, decimalAmount && (_jsxs(_Fragment, { children: [".", _jsx(DecimalSpan, { children: decimalAmount })] }))] })) : (_jsx("span", { children: "-" })) })));
+});

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.271-test.2",
-  "testVersion": 2,
+  "version": "0.1.271-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",