@tap-payments/os-micro-frontend-shared 0.0.297 → 0.0.299

package/build/components/IconWithBadge/IconWithBadge.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Skeleton from '@mui/material/Skeleton';
 import Box from '@mui/material/Box';
-import { Container, BadgeBox } from './style';
 import { brandPlaceholderIcon } from '../../constants/index.js';
+import { Container, BadgeBox } from './style';
 import Tooltip from '../Tooltip';
-import { useState } from 'react';
-import Skeleton from '@mui/material/Skeleton';
 export default function IconWithBadge({ mainIcon, overlayIcon, mainIconAlt = 'main icon', mainIconSize = 20, containerSize = 24, overlayPosition = { top: 10, left: 17 }, borderColor = '#F2F2F2', label = '', sx, onError, }) {
     const [isLoading, setIsLoading] = useState(true);
     return (_jsx(Tooltip, Object.assign({ title: label }, { children: _jsx(Box, Object.assign({ display: "flex", alignItems: "center", gap: 1, sx: { position: 'relative' } }, { children: _jsxs(Container, Object.assign({ style: {

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import Tooltip from '../../../Tooltip';
 import { destinationSolidIcon } from '../../../../constants/index.js';
 import { formatAmount } from '../../../../utils/index.js';
@@ -25,19 +25,12 @@ function DestinationCell(_a) {
     const firstDestinationFormattedAmount = formatAmount(((_b = destinations === null || destinations === void 0 ? void 0 : destinations[0]) === null || _b === void 0 ? void 0 : _b.amount) || 0);
     const isSheetView = tableMode === 'sheet';
     if (isSheetView) {
-        const sheetViewChips = destinations === null || destinations === void 0 ? void 0 : destinations.reduce((acc, dest) => {
+        const sheetViewChips = destinations === null || destinations === void 0 ? void 0 : destinations.map((dest) => {
             const formattedDestAmount = formatAmount((dest === null || dest === void 0 ? void 0 : dest.amount) || 0);
-            return [
-                ...acc,
-                {
-                    key: 'id',
-                    content: dest === null || dest === void 0 ? void 0 : dest.id,
-                },
-                {
-                    key: 'amount',
-                    content: (_jsxs(_Fragment, { children: [_jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
-                },
-            ];
+            return {
+                key: 'destination',
+                content: (_jsxs(_Fragment, { children: [_jsxs("div", { children: [dest === null || dest === void 0 ? void 0 : dest.id, " |"] }), _jsx(CurrencyIcon, { currency: dest === null || dest === void 0 ? void 0 : dest.currency }), _jsxs("span", { children: [formattedDestAmount.integerAmount, ".", formattedDestAmount.decimalAmount] })] })),
+            };
         }, []);
         return (_jsx(TableCell, Object.assign({ sx: {
                 width: 'fit-content',

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.d.ts

@@ -4,5 +4,5 @@ interface InputsI {
     onCloseDropdown: (e: MouseEvent<HTMLElement>) => void;
     filter: IColumnFilter & IColumnFilterInputs;
 }
-declare function Inputs({ onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter, onColumnFilterClearClick, wrapperSx } }: InputsI): import("react/jsx-runtime").JSX.Element;
+declare function Inputs({ onCloseDropdown, filter: { options, onConfirm, data, isOnlyOneFilter, onClearFilterFields, wrapperSx } }: InputsI): import("react/jsx-runtime").JSX.Element;
 export default Inputs;

package/build/components/VirtualTable/components/ColumnFilter/Inputs/Inputs.js

@@ -7,7 +7,7 @@ import { useTranslation } from 'react-i18next';
 import { grayCloseIcon, searchIcon } from '../../../../../constants/index.js';
 import { Wrapper, Text, InputStyled, InputsWrapper, ClearButton, ClearWrapper } from './style';
 import { CancelButton, Footer, OkayButton } from '../style';
-function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter, onColumnFilterClearClick, wrapperSx } }) {
+function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOnlyOneFilter, onClearFilterFields, wrapperSx } }) {
     const [values, setValues] = useState({});
     useEffect(() => {
         setValues((options || []).reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = data === null || data === void 0 ? void 0 : data[apiKey]) !== null && _a !== void 0 ? _a : '' })); }, {}));
@@ -21,7 +21,7 @@ function Inputs({ onCloseDropdown, filter: { options = [], onConfirm, data, isOn
         onCloseDropdown(e);
     };
     const onClickClear = () => {
-        onColumnFilterClearClick === null || onColumnFilterClearClick === void 0 ? void 0 : onColumnFilterClearClick();
+        onClearFilterFields === null || onClearFilterFields === void 0 ? void 0 : onClearFilterFields();
         setValues(options.reduce((acc, { apiKey }) => (Object.assign(Object.assign({}, acc), { [apiKey]: '' })), {}));
     };
     const isInputHasValue = (key) => values[key] !== undefined && values[key].length > 0;

package/build/types/table.d.ts

@@ -136,7 +136,7 @@ export type ColumnFilterValues = Record<string, string | string[] | Record<strin
 export type IColumnFilter = ({
     onConfirm?: (filterValues: ColumnFilterValues) => void;
     onClear: (apiKeys: string[]) => void;
-    onColumnFilterClearClick?: () => void;
+    onClearFilterFields?: () => void;
     data?: ColumnFilterValues;
     isOnlyOneFilter?: boolean;
     wrapperSx?: SxProps;

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.0.297",
+  "version": "0.0.299",
   "testVersion": 9,
   "type": "module",
   "main": "build/index.js",
@@ -131,4 +131,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}