@tap-payments/os-micro-frontend-shared 0.1.180 → 0.1.181

package/build/components/Menu/Menu.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, Children } from 'react';
+import { memo, Children, isValidElement, useMemo } from 'react';
 import Popper from '@mui/material/Popper';
 import { useScrollWithShadow } from '../Widget/useScrollWithShadow';
 import { listShadowBg } from '../../constants/index.js';
@@ -18,8 +18,9 @@ import { StyledDropdown, ShadowBackground } from './style';
 function Menu(_a) {
     var { open, anchorEl, children, sx, placement, popperSx } = _a, props = __rest(_a, ["open", "anchorEl", "children", "sx", "placement", "popperSx"]);
     const { onScrollHandler, showShadow } = useScrollWithShadow();
-    const childrenCount = Children.count(children);
-    const shouldShowShadow = childrenCount > 11 && showShadow;
+    // Count only children with className "menu-item"
+    const menuItemCount = useMemo(() => Children.toArray(children).filter((child) => { var _a, _b; return isValidElement(child) && ((_b = (_a = child.props) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.includes('menu-item')); }).length, [children]);
+    const shouldShowShadow = menuItemCount > 12 && showShadow;
     return (_jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement || 'bottom-start', sx: popperSx }, props, { children: _jsxs(StyledDropdown, Object.assign({ onScroll: onScrollHandler, className: "MuiPopper-dropdown", sx: sx }, { children: [children, shouldShowShadow && _jsx(ShadowBackground, { component: "img", src: listShadowBg })] })) }), "menu"));
 }
 export default memo(Menu);

package/build/components/MenuItem/MenuItem.d.ts

@@ -6,6 +6,6 @@ interface MenuItemProps extends BoxProps {
     isIndeterminate?: boolean;
     hideCheckbox?: boolean;
 }
-declare function MenuItem({ isSelected, isDisabled, isIndeterminate, hideCheckbox, onClick, children, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuItem({ isSelected, isDisabled, isIndeterminate, hideCheckbox, onClick, children, className, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof MenuItem>;
 export default _default;

package/build/components/MenuItem/MenuItem.js

@@ -13,7 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
 import { CheckboxStyled, MenuItemStyled } from './style';
 function MenuItem(_a) {
-    var { isSelected, isDisabled, isIndeterminate, hideCheckbox, onClick, children } = _a, props = __rest(_a, ["isSelected", "isDisabled", "isIndeterminate", "hideCheckbox", "onClick", "children"]);
-    return (_jsxs(MenuItemStyled, Object.assign({ className: isDisabled ? 'disabled menu-item' : 'menu-item', onClick: onClick, disabled: isDisabled }, props, { children: [!hideCheckbox && _jsx(CheckboxStyled, { size: "small", checked: isSelected, indeterminate: isIndeterminate, disabled: isDisabled }), children] })));
+    var { isSelected, isDisabled, isIndeterminate, hideCheckbox, onClick, children, className } = _a, props = __rest(_a, ["isSelected", "isDisabled", "isIndeterminate", "hideCheckbox", "onClick", "children", "className"]);
+    const baseClassName = isDisabled ? 'disabled menu-item' : 'menu-item';
+    const combinedClassName = className ? `${baseClassName} ${className}` : baseClassName;
+    return (_jsxs(MenuItemStyled, Object.assign({ className: combinedClassName, onClick: onClick, disabled: isDisabled }, props, { children: [!hideCheckbox && _jsx(CheckboxStyled, { size: "small", checked: isSelected, indeterminate: isIndeterminate, disabled: isDisabled }), children] })));
 }
 export default memo(MenuItem);

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.1.180",
+  "version": "0.1.181",
   "testVersion": 0,
   "type": "module",
   "main": "build/index.js",