@tap-payments/os-micro-frontend-shared 0.0.157-alpha.7 → 0.0.157-alpha.9

package/build/components/TableHeader_V2/components/StatusButtons/StatusButton.js

@@ -10,7 +10,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 { memo, useRef, useState } from 'react';
+import { memo, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import StyledBadge, { BadgeVariants } from '../../../CountBadge';
 import { convertToNumber, formatNumber } from '../../../../utils/index.js';
@@ -25,7 +25,7 @@ export const StatusButton = memo((props) => {
     const [clicks, setClicks] = useState(0);
     const [lastActiveStatus, setLastActiveStatus] = useState((_a = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions[0]) === null || _a === void 0 ? void 0 : _a.status);
     const { t } = useTranslation();
-    const open = Boolean(anchorEl) && clicks > 0;
+    const open = Boolean(anchorEl) && clicks > 1;
     const handleClose = () => {
         setAnchorEl(null);
     };
@@ -34,7 +34,12 @@ export const StatusButton = memo((props) => {
     const statusIcon = icon ? _jsx(StyledStatusIcon, { icon: icon, variant: variant, src: statusButtonIcons[icon], alt: `${icon}-icon` }) : null;
     const statusBadge = badgeCount && !Number.isNaN(convertToNumber(badgeCount)) ? (_jsx(StyledBadge, Object.assign({ variant: variant === 'active' ? BadgeVariants.ACTIVE : BadgeVariants.INACTIVE }, { children: formatNumber(Number(badgeCount)) }))) : null;
     const dropdownIcon = hasDropdown ? _jsx(ChevronIcon, { isActive: variant === 'active' }) : null;
-    console.log('StatusButton render', { clicks, anchorEl });
+    useEffect(() => {
+        return () => {
+            setAnchorEl(null);
+            setClicks(0);
+        };
+    }, []);
     return (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ "data-testid": "StatusButton" }, restProps, { ref: buttonRef, onClick: (e) => {
                     var _a, _b;
                     e.stopPropagation();

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.157-alpha.7",
+  "version": "0.0.157-alpha.9",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",