@tap-payments/os-micro-frontend-shared 0.1.271-test.1 → 0.1.271-test.3

package/build/components/CountryFlag/CountryFlag.d.ts

@@ -4,6 +4,5 @@ interface CountryFlagProps extends BoxProps {
     countryCode?: string;
     currencyCode?: string;
 }
-declare function CountryFlag({ countryCode, currencyCode, ...props }: CountryFlagProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof CountryFlag>;
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<CountryFlagProps, "ref"> & import("react").RefAttributes<HTMLImageElement>>>;
 export default _default;

package/build/components/CountryFlag/CountryFlag.js

@@ -10,14 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
+import { memo, forwardRef } from 'react';
 import Box from '@mui/material/Box';
 import { defaultCountryIcon, getCountriesIcon, getCurrenciesIcon } from '../../constants/index.js';
-function CountryFlag(_a) {
+const CountryFlag = forwardRef((_a, ref) => {
     var _b;
-    var { countryCode, currencyCode } = _a, props = __rest(_a, ["countryCode", "currencyCode"]);
-    return (_jsx(Box, Object.assign({}, props, { component: "img", src: (countryCode && getCountriesIcon(countryCode)) || (currencyCode && getCurrenciesIcon(currencyCode)) || defaultCountryIcon, width: props.width || 16, alt: (_b = countryCode !== null && countryCode !== void 0 ? countryCode : currencyCode) !== null && _b !== void 0 ? _b : 'flag', loading: "lazy", onError: (e) => {
+    var { countryCode, currencyCode, width = 16 } = _a, props = __rest(_a, ["countryCode", "currencyCode", "width"]);
+    return (_jsx(Box, Object.assign({}, props, { ref: ref, component: "img", src: (countryCode && getCountriesIcon(countryCode)) || (currencyCode && getCurrenciesIcon(currencyCode)) || defaultCountryIcon, width: width, alt: (_b = countryCode !== null && countryCode !== void 0 ? countryCode : currencyCode) !== null && _b !== void 0 ? _b : 'flag', loading: "lazy", onError: (e) => {
             e.currentTarget.src = defaultCountryIcon;
         } })));
-}
+});
 export default memo(CountryFlag);

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