@tap-payments/os-micro-frontend-shared 0.1.290 → 0.1.291

package/build/components/CurrencyFilter/CurrencyFilter.d.ts

@@ -0,0 +1,10 @@
+import { CustomColumnFilterProps } from '../VirtualTables';
+export interface CurrencyFilterProps extends CustomColumnFilterProps {
+    onConfirm: (currencies?: string[]) => void;
+    currencies?: string[];
+    onCurrenciesChange: (currencies?: string[]) => void;
+    merchantCurrencies: {
+        currencyCode: string;
+    }[];
+}
+export default function CurrencyFilter({ currencies, onCurrenciesChange, merchantCurrencies, anchorEl, onCloseDropdown, onConfirm, }: Readonly<CurrencyFilterProps>): import("react/jsx-runtime").JSX.Element;

package/build/components/CurrencyFilter/CurrencyFilter.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import uniqBy from 'lodash/uniqBy';
+import { useTranslation } from 'react-i18next';
+import { CountryFlag, Menu, MenuItem, FilterCancelButton, FilterFooter, FilterOkayButton, FilterTitle } from '../index.js';
+export default function CurrencyFilter({ currencies, onCurrenciesChange, merchantCurrencies, anchorEl, onCloseDropdown, onConfirm, }) {
+    const open = Boolean(anchorEl);
+    const { t } = useTranslation();
+    const uniqueCurrencies = useMemo(() => uniqBy(merchantCurrencies, 'currencyCode'), [merchantCurrencies]);
+    const handleOkButtonClick = (e) => {
+        onConfirm(currencies);
+        onCloseDropdown(e);
+    };
+    const checkIsSelected = (currencyCode) => { var _a; return (_a = currencies === null || currencies === void 0 ? void 0 : currencies.includes(currencyCode)) !== null && _a !== void 0 ? _a : false; };
+    const onClickCurrency = (currencyCode) => {
+        var _a;
+        if ((currencies === null || currencies === void 0 ? void 0 : currencies.indexOf(currencyCode)) !== -1) {
+            const newCurrencies = (_a = currencies === null || currencies === void 0 ? void 0 : currencies.filter((currency) => currency !== currencyCode)) !== null && _a !== void 0 ? _a : [];
+            onCurrenciesChange(newCurrencies.length > 0 ? newCurrencies : []);
+            return;
+        }
+        onCurrenciesChange([...currencies, currencyCode]);
+    };
+    return (_jsxs(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px' } }, { children: [_jsx(FilterTitle, Object.assign({ component: "span" }, { children: t('filterBy') })), uniqueCurrencies.map(({ currencyCode }) => (_jsxs(MenuItem, Object.assign({ isSelected: checkIsSelected(currencyCode), onClick: () => {
+                    onClickCurrency(currencyCode);
+                } }, { children: [_jsx(CountryFlag, { currencyCode: currencyCode }), currencyCode] }), currencyCode))), _jsxs(FilterFooter, { children: [_jsx(FilterCancelButton, Object.assign({ onClick: onCloseDropdown }, { children: t('cancel') })), _jsx(FilterOkayButton, Object.assign({ onClick: handleOkButtonClick }, { children: t('okay') }))] })] })));
+}

package/build/components/CurrencyFilter/index.d.ts

@@ -0,0 +1 @@
+export { default as CurrencyFilter, type CurrencyFilterProps } from './CurrencyFilter';

package/build/components/CurrencyFilter/index.js

@@ -0,0 +1 @@
+export { default as CurrencyFilter } from './CurrencyFilter';

package/build/components/index.d.ts

@@ -145,3 +145,4 @@ export { default as TableReports } from './TableReports';
 export * from './TableReports';
 export * from './PaymentSourceFilter';
 export * from './DateFilter';
+export * from './CurrencyFilter';

package/build/components/index.js

@@ -145,3 +145,4 @@ export { default as TableReports } from './TableReports';
 export * from './TableReports';
 export * from './PaymentSourceFilter';
 export * from './DateFilter';
+export * from './CurrencyFilter';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.290",
+  "version": "0.1.291",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",