@tap-payments/os-micro-frontend-shared 0.1.172-test.13 → 0.1.172-test.7

package/build/components/Menu/Menu.js

@@ -9,18 +9,12 @@ 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 { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
 import Popper from '@mui/material/Popper';
-import { Box } from '@mui/material';
-import { StyledDropdown } from './style';
-import { useScrollWithShadow } from '../Widget/useScrollWithShadow';
-import { listShadowBg } from '../../constants/index.js';
+import { StyledContainer } 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;
-    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(Box, { component: "img", src: listShadowBg, sx: { width: '100%', position: 'fixed', bottom: 0, pointerEvents: 'none' } })] })) }), "menu"));
+    return (_jsx(Popper, Object.assign({ open: open, anchorEl: anchorEl, placement: placement || 'bottom-start', sx: popperSx }, props, { children: _jsx(StyledContainer, Object.assign({ className: "MuiPopper-dropdown", sx: sx }, { children: children })) }), "menu"));
 }
 export default memo(Menu);

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledDropdown: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StyledContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/Menu/style.js

@@ -1,6 +1,6 @@
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
-export const StyledDropdown = styled(Box)(({ theme }) => ({
+export const StyledContainer = styled(Box)(({ theme }) => ({
     borderRadius: theme.spacing(0.5),
     background: theme.palette.background.default,
     width: 'max-content',
@@ -10,6 +10,22 @@ export const StyledDropdown = styled(Box)(({ theme }) => ({
     flexDirection: 'column',
     overflowY: 'scroll',
     maxHeight: '420px',
+    boxSizing: 'border-box',
+    scrollbarWidth: 'auto',
+    '&::-webkit-scrollbar': {
+        display: 'block',
+        width: '11px',
+    },
+    '&::-webkit-scrollbar-track': {
+        background: 'transparent',
+    },
+    '&::-webkit-scrollbar-thumb': {
+        backgroundColor: '#DADCDF',
+        borderRadius: '32px',
+        border: '3px solid transparent',
+        backgroundClip: 'content-box',
+        minHeight: '20px',
+    },
     '.menu-item + .menu-item': {
         borderTop: `1px solid ${theme.palette.divider}`,
     },

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.1.172-test.13",
-  "testVersion": 13,
+  "version": "0.1.172-test.7",
+  "testVersion": 7,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",