@tap-payments/os-micro-frontend-shared 0.0.233-test.20 → 0.0.233-test.21

package/build/components/MultiSelectStatusButton/MultiSelectStatusButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { MultiSelectStatusButtonProps } from './type';
-declare function MultiSelectStatusButton({ options, selectedValues, onSelectionChange, label, variant, render, }: MultiSelectStatusButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function MultiSelectStatusButton({ options, selectedValues, onSelectionChange, label, variant }: MultiSelectStatusButtonProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MultiSelectStatusButton>;
 export default _default;

package/build/components/MultiSelectStatusButton/MultiSelectStatusButton.js

@@ -8,7 +8,7 @@ import { closeXIcon } from '../../constants/index.js';
 import { ChevronContainer, Label, LabelWrapper, StyledStatusButton, ClearIcon, ChevronIconWrapper, } from './style';
 import Menu from '../Menu';
 import MenuItem from '../MenuItem';
-function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChange, label, variant = 'inActive', render, }) {
+function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChange, label, variant = 'inActive' }) {
     const [anchorEl, setAnchorEl] = useState(null);
     const buttonRef = useRef(null);
     const [internalSelectedValues, setInternalSelectedValues] = useState(selectedValues);
@@ -54,6 +54,6 @@ function MultiSelectStatusButton({ options = [], selectedValues, onSelectionChan
                 } }, { children: options.map((option) => (_jsx(MenuItem, Object.assign({ isSelected: isOptionSelected(option.status), onClick: (e) => {
                         var _a;
                         handleOptionToggle(e, (_a = option.status) !== null && _a !== void 0 ? _a : '');
-                    } }, { children: render ? render() : _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name })) })))) }))] }));
+                    } }, { children: !!(option === null || option === void 0 ? void 0 : option.render) ? option === null || option === void 0 ? void 0 : option.render() : _jsx(Typography, Object.assign({ variant: "body2" }, { children: option.name })) })))) }))] }));
 }
 export default memo(MultiSelectStatusButton);

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

@@ -5,6 +5,7 @@ export interface CurrencyOption {
     name: string;
     flagCode?: string;
     status: TableHeaderStatus;
+    render?: () => JSX.Element;
 }
 export interface MultiSelectStatusButtonProps {
     options: CurrencyOption[];
@@ -12,5 +13,4 @@ export interface MultiSelectStatusButtonProps {
     onSelectionChange: (selected: TableHeaderStatus[]) => void;
     label?: string;
     variant?: 'active' | 'inActive';
-    render?: () => JSX.Element;
 }

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.0.233-test.20",
-  "testVersion": 20,
+  "version": "0.0.233-test.21",
+  "testVersion": 21,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",