@tap-payments/os-micro-frontend-shared 0.1.433 → 0.1.434

package/build/components/ActivityAreaChart/ActivityAreaChart.js

@@ -15,7 +15,7 @@ const ActivityAreaChart = ({ data, dataKey, isLoading, dateRange, selectedCurren
     };
     const MemoizedChartTooltip = useMemo(() => {
         return _jsx(ChartTooltip, { position: cursorPosition, dateRange: dateRange, selectedCurrency: selectedCurrency });
-    }, [cursorPosition]);
+    }, [cursorPosition, dateRange, selectedCurrency]);
     if (isLoading || isEmpty) {
         return _jsx(LoadingChart, {});
     }

package/build/components/PaymentSourceFilter/PaymentInitiated.d.ts

@@ -1,8 +1,8 @@
 import { CustomColumnFilterProps } from '../VirtualTables';
-import { PaymentSourceFilters } from './type';
+import { Filter } from './type';
 interface PaymentInitiatedFilterProps extends Partial<CustomColumnFilterProps> {
-    filters?: PaymentSourceFilters;
-    setFilters?: (filters: PaymentSourceFilters) => void;
+    filters?: Filter;
+    setFilters?: (filters: Filter) => void;
 }
 export default function PaymentInitiatedFilter({ filters, setFilters }: Readonly<PaymentInitiatedFilterProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/PaymentSourceFilter/PaymentSchemes.js

@@ -26,7 +26,7 @@ export default function PaymentSchemes({ paymentSchemesSource, filters, setFilte
     const onClose = () => {
         setAnchorEl(null);
     };
-    const isSelected = useMemo(() => { var _a; return paymentScheme.length === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length) && paymentScheme.length > 0; }, [paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length]);
+    const isSelected = useMemo(() => { var _a; return (paymentScheme === null || paymentScheme === void 0 ? void 0 : paymentScheme.length) === ((_a = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _a === void 0 ? void 0 : _a.length) && paymentScheme.length > 0; }, [paymentScheme === null || paymentScheme === void 0 ? void 0 : paymentScheme.length, (_c = paymentSchemesSource === null || paymentSchemesSource === void 0 ? void 0 : paymentSchemesSource.options) === null || _c === void 0 ? void 0 : _c.length]);
     const isIndeterminate = useMemo(() => !isSelected && paymentScheme.length > 0, [paymentScheme.length, isSelected]);
     const isSelectedPaymentScheme = useCallback((selectedPaymentScheme) => { var _a; return (_a = paymentScheme.includes(selectedPaymentScheme)) !== null && _a !== void 0 ? _a : false; }, [paymentScheme]);
     const onClick = () => {

package/build/components/PaymentSourceFilter/PaymentSourceFilter.d.ts

@@ -1,9 +1,9 @@
 import { SourceFilter } from '../../types/index.js';
 import { CustomColumnFilterProps } from '../VirtualTables';
-import { PaymentSourceFilters } from './type';
+import { Filter } from './type';
 interface SourceFilterProps extends CustomColumnFilterProps {
-    filters: PaymentSourceFilters;
-    setFilters: (filters: PaymentSourceFilters) => void;
+    filters: Filter;
+    setFilters: (filters: Filter) => void;
     showPaymentSchemes?: boolean;
     showPaymentMethods?: boolean;
     showPaymentInitiated?: boolean;

package/build/components/PaymentSourceFilter/PaymentSourceFilter.js

@@ -4,6 +4,7 @@ import { Menu, FilterTitle, FilterOkayButton, FilterFooter, FilterCancelButton }
 import PaymentMethods from './PaymentMethods';
 import PaymentSchemes from './PaymentSchemes';
 import PaymentInitiated from './PaymentInitiated';
+// TODO: Refactor this component to be generic for all source filters
 export default function PaymentSourceFilter({ filters, setFilters, anchorEl, showPaymentSchemes = true, showPaymentMethods = true, showPaymentInitiated = true, paymentMethodsSource, paymentSchemesSource, onCloseDropdown, onConfirm, }) {
     const { t } = useTranslation();
     const open = Boolean(anchorEl);

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

@@ -1,2 +1,5 @@
 export { default as PaymentSourceFilter } from './PaymentSourceFilter';
-export { type PaymentSourceFilters } from './type';
+export { default as PaymentMethods } from './PaymentMethods';
+export { default as PaymentSchemes } from './PaymentSchemes';
+export { default as PaymentInitiated } from './PaymentInitiated';
+export * from './type';

package/build/components/PaymentSourceFilter/index.js

@@ -1 +1,5 @@
 export { default as PaymentSourceFilter } from './PaymentSourceFilter';
+export { default as PaymentMethods } from './PaymentMethods';
+export { default as PaymentSchemes } from './PaymentSchemes';
+export { default as PaymentInitiated } from './PaymentInitiated';
+export * from './type';

package/build/components/PaymentSourceFilter/type.d.ts

@@ -4,7 +4,8 @@ export interface PaymentSourceFilters {
     payment_initiated?: string[];
     issuer_countries?: string[];
 }
+export type Filter = Record<string, boolean | string | number | string[]>;
 export interface Filters {
-    filters: PaymentSourceFilters;
-    setFilters: (filters: PaymentSourceFilters) => void;
+    filters: Filter;
+    setFilters: (filters: Filter) => void;
 }

package/build/components/VirtualTables/components/ColumnSort/ColumnSort.js

@@ -6,6 +6,11 @@ import MenuItem from '../../../MenuItem';
 import Text from '../../../Text';
 import { columnIcon, sortAzIcon, sortZaIcon } from '../../../../constants/index.js';
 import { ActionIcon, ColumnIcon } from './style';
+var SORTING_ORDER;
+(function (SORTING_ORDER) {
+    SORTING_ORDER["ASC"] = "asc";
+    SORTING_ORDER["DESC"] = "desc";
+})(SORTING_ORDER || (SORTING_ORDER = {}));
 function ColumnSort({ onColumnSort, columnsSorting, columnId, onClick }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const open = Boolean(anchorEl);
@@ -27,10 +32,10 @@ function ColumnSort({ onColumnSort, columnsSorting, columnId, onClick }) {
             handleClose(event);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(ColumnIcon, { onClick: handleClick, src: columnIcon, alt: "column-icon", "data-id": columnId, sx: { userSelect: 'none', marginTop: '2px' } }), open && _jsx(CustomBackdrop, { onClick: handleClose }), _jsxs(Menu, Object.assign({ anchorEl: anchorEl, open: open }, { children: [_jsxs(MenuItem, Object.assign({ onClick: (e) => {
-                            handleSortingOption(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id, 'asc', e);
-                        }, sx: (theme) => (Object.assign({}, ((columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === 'asc' && { boxShadow: theme.shadows[10] }))) }, { children: [_jsx(ActionIcon, { src: sortAzIcon, alt: "sort-icon" }), _jsx(Text, Object.assign({ sx: { fontSize: '0.6875rem' } }, { children: "Sort Z-A" }))] })), _jsxs(MenuItem, Object.assign({ onClick: (e) => {
-                            handleSortingOption(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id, 'desc', e);
-                        }, sx: (theme) => (Object.assign({}, ((columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === 'desc' && { boxShadow: theme.shadows[10] }))) }, { children: [_jsx(ActionIcon, { src: sortZaIcon, alt: "sort-icon" }), _jsx(Text, Object.assign({ sx: { fontSize: '0.6875rem' } }, { children: "Sort Z-A" }))] }))] }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ColumnIcon, { onClick: handleClick, src: columnIcon, alt: "column-icon", "data-id": columnId, sx: { userSelect: 'none', marginTop: '2px' } }), open && _jsx(CustomBackdrop, { onClick: handleClose }), _jsxs(Menu, Object.assign({ anchorEl: anchorEl, open: open }, { children: [_jsxs(MenuItem, Object.assign({ isSelected: (columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.ASC, onClick: (e) => {
+                            handleSortingOption(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id, SORTING_ORDER.ASC, e);
+                        }, sx: (theme) => (Object.assign({}, ((columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.ASC && { boxShadow: theme.shadows[10] }))) }, { children: [_jsx(ActionIcon, { src: sortAzIcon, alt: "sort-icon" }), _jsx(Text, Object.assign({ sx: { fontSize: '0.6875rem' } }, { children: "Sort A-Z" }))] })), _jsxs(MenuItem, Object.assign({ isSelected: (columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.DESC, onClick: (e) => {
+                            handleSortingOption(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id, SORTING_ORDER.DESC, e);
+                        }, sx: (theme) => (Object.assign({}, ((columnsSorting === null || columnsSorting === void 0 ? void 0 : columnsSorting[(anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.dataset.id) || '']) === SORTING_ORDER.DESC && { boxShadow: theme.shadows[10] }))) }, { children: [_jsx(ActionIcon, { src: sortZaIcon, alt: "sort-icon" }), _jsx(Text, Object.assign({ sx: { fontSize: '0.6875rem' } }, { children: "Sort Z-A" }))] }))] }))] }));
 }
 export default memo(ColumnSort);

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.433",
+  "version": "0.1.434",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",