@tap-payments/os-micro-frontend-shared 0.0.228-test.17 → 0.0.228-test.18

package/build/components/DropdownMenu/DropdownMenu.js

@@ -37,7 +37,7 @@ function Dropdown(_a) {
                             } }, (idx === selected && {
                             backgroundColor: 'transparent',
                             boxShadow: allowShadows ? theme.shadows[10] : 'none',
-                        })), item.sx) }, { children: [item.icon && _jsx(StyledListItemIcon, { children: item.icon }), multiple && _jsx(CheckboxStyled, { size: "small", checked: item.selected }), _jsx(StyledListItemText, { children: item.label }), _jsx(Box, Object.assign({ className: item.alwaysShowRightAction ? '' : 'menu-right-action' }, { children: item.rightAction && item.rightAction }))] }))) }, `${item.label}-${idx}`));
+                        })), item.sx) }, { children: [multiple && _jsx(CheckboxStyled, { size: "small", checked: item.selected }), item.icon && _jsx(StyledListItemIcon, { children: item.icon }), _jsx(StyledListItemText, { children: item.label }), _jsx(Box, Object.assign({ className: item.alwaysShowRightAction ? '' : 'menu-right-action' }, { children: item.rightAction && item.rightAction }))] }))) }, `${item.label}-${idx}`));
             }), footer] })));
 }
 export default Dropdown;

package/build/components/StatusButton/StatusButton.js

@@ -19,7 +19,7 @@ import { ChevronContainer, Label, LabelWrapper, StyledStatusIcon, StyledDropdown
 import { statusButtonIcons } from './constant';
 const StatusButton = memo((props) => {
     var _a;
-    const { variant = 'inActive', badgeCount, icon, label, dropdownOptions, multiple, onButtonBodyClick, onConfirm, onCancel } = props, restProps = __rest(props, ["variant", "badgeCount", "icon", "label", "dropdownOptions", "multiple", "onButtonBodyClick", "onConfirm", "onCancel"]);
+    const { variant = 'inActive', badgeCount, icon, label, dropdownOptions, multiple, onButtonBodyClick, onClose } = props, restProps = __rest(props, ["variant", "badgeCount", "icon", "label", "dropdownOptions", "multiple", "onButtonBodyClick", "onClose"]);
     const [buttonClicks, setButtonClicks] = useState(0);
     const { t } = useTranslation();
     const buttonRef = useRef(null);
@@ -44,7 +44,8 @@ const StatusButton = memo((props) => {
     }, [isActiveVariant]);
     const handleDropdownClose = useCallback(() => {
         setAnchorEl(null);
-    }, []);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [onClose]);
     const handleDropdownToggle = useCallback(() => {
         if (!hasDropdown)
             return;
@@ -66,14 +67,6 @@ const StatusButton = memo((props) => {
         setSelectedStatus(item.status);
         handleDropdownClose();
     }, [handleDropdownClose, multiple]);
-    const handleConfirm = useCallback(() => {
-        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-        handleDropdownClose();
-    }, [onConfirm, handleDropdownClose]);
-    const handleCancel = useCallback(() => {
-        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-        handleDropdownClose();
-    }, [onCancel, handleDropdownClose]);
     const menuItems = useMemo(() => (dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((item) => (Object.assign(Object.assign({}, item), { onClick: handleMenuItemClick(item) })))) || [], [dropdownOptions, handleMenuItemClick]);
     const ButtonComponent = statusButtonVariants[variant];
     const displayLabel = selectedStatus ? t(selectedStatus) : label;

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

@@ -17,8 +17,7 @@ export interface StatusButtonProps extends Omit<ButtonProps, 'variant' | 'childr
         status: TableHeaderStatus;
     }>;
     multiple?: boolean;
-    onConfirm?: () => void;
-    onCancel?: () => void;
+    onClose?: () => void;
 }
 export interface ChevronIconProps {
     isActive?: boolean;

package/build/components/index.d.ts

@@ -76,7 +76,7 @@ export { default as CountryFlag } from './CountryFlag';
 export { default as CurrencyIcon } from './CurrencyIcon';
 export { default as CustomBackdrop } from './CustomBackdrop';
 export { default as DeviceIcon } from './DeviceIcon';
-export { default as CountBadge, type BadgeVariants, CountAnimatedBadge, type StyledBadgeProps, paymentSourceAnimation } from './CountBadge';
+export { default as CountBadge, BadgeVariants, CountAnimatedBadge, type StyledBadgeProps, paymentSourceAnimation } from './CountBadge';
 export { default as CircularProgressWithLabel } from './CircularProgressWithLabel';
 export { default as Collapse, type CollapseProps } from './Collapse';
 export { default as ConfirmDialog, type ConfirmDialogFunction, type ConfirmDialogProps, useConfirmDialog, ConfirmDialogContext, ConfirmDialogProvider, } from './ConfirmDialog';

package/build/components/index.js

@@ -76,7 +76,7 @@ export { default as CountryFlag } from './CountryFlag';
 export { default as CurrencyIcon } from './CurrencyIcon';
 export { default as CustomBackdrop } from './CustomBackdrop';
 export { default as DeviceIcon } from './DeviceIcon';
-export { default as CountBadge, CountAnimatedBadge, paymentSourceAnimation } from './CountBadge';
+export { default as CountBadge, BadgeVariants, CountAnimatedBadge, paymentSourceAnimation } from './CountBadge';
 export { default as CircularProgressWithLabel } from './CircularProgressWithLabel';
 export { default as Collapse } from './Collapse';
 export { default as ConfirmDialog, useConfirmDialog, ConfirmDialogContext, ConfirmDialogProvider, } from './ConfirmDialog';

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.228-test.17",
-  "testVersion": 17,
+  "version": "0.0.228-test.18",
+  "testVersion": 18,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",