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

package/build/components/DropdownButton/style.d.ts

@@ -21,7 +21,7 @@ export declare const StatusIcon: import("@emotion/styled").StyledComponent<impor
     variant: DropdownButtonVariants;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & React.RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const ButtonContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/build/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IProps } from './type';
-declare function Dropdown({ open, menuItems, anchorEl, onClose, footer, selected, multiple, allowShadows, ...props }: IProps): import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: import("react").ForwardRefExoticComponent<IProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Dropdown;

package/build/components/DropdownMenu/DropdownMenu.js

@@ -12,10 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Box, useTheme } from '@mui/material';
 import { StyledListItemText, StyledMenu, StyledListItemIcon, StyledMenuItem, CheckboxStyled } from './styles';
-function Dropdown(_a) {
+import { forwardRef } from 'react';
+const Dropdown = forwardRef((_a, ref) => {
     var { open, menuItems, anchorEl, onClose, footer, selected, multiple, allowShadows = true } = _a, props = __rest(_a, ["open", "menuItems", "anchorEl", "onClose", "footer", "selected", "multiple", "allowShadows"]);
     const theme = useTheme();
-    return (_jsxs(StyledMenu, Object.assign({ open: open, anchorEl: anchorEl, onClose: onClose, onContextMenu: (e) => {
+    return (_jsxs(StyledMenu, Object.assign({ ref: ref, open: open, anchorEl: anchorEl, onClose: onClose, onContextMenu: (e) => {
             e.preventDefault();
             onClose();
         } }, props, { className: "tap-dropdown", minWidth: (anchorEl === null || anchorEl === void 0 ? void 0 : anchorEl.clientWidth) || 'auto' }, { children: [menuItems.map((item, idx) => {
@@ -37,7 +38,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/DropdownMenu/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
+import { MenuProps } from '@mui/material';
 export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
 }, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "selected" | "dense" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     alwaysShowRightAction?: boolean | undefined;
 }, {}, {}>;
-export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+export declare const StyledMenu: import("@emotion/styled").StyledComponent<MenuProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     minWidth?: string | number | undefined;
 }, {}, {}>;
 export declare const StyledListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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/style.d.ts

@@ -23,7 +23,7 @@ export declare const StatusIcon: import("@emotion/styled").StyledComponent<impor
     icon?: "initiated" | "captured" | "unCaptured" | "inProgress" | "abandoned" | "cancelled" | "reversed" | "authorized" | "paidOut" | "unauthenticated" | "authenticated" | "scheduled" | "unSettled" | "search" | "reports" | "chevronDown" | "unAuthorized" | "openFlag" | "closedFlag" | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const StyledFilterName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("../DropdownMenu").IProps & React.RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
 export declare const ChevronContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<Theme>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

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