@wulperstudio/cms/modern/components/DropdownMenu/DropdownMenu.js

Wulper Studio Library Components CMS

import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["PaperProps"];
import React from 'react';
import { Menu, styled, useTheme } from '@mui/material';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var StyledMenu = styled(Menu)(function () {
  return {
    '& > .MuiList-root': {
      paddingTop: 10,
      paddingBottom: 0
    }
  };
});
var DropdownMenu = function DropdownMenu(_ref) {
  var children = _ref.children,
    anchorEl = _ref.anchorEl,
    handleClose = _ref.handleClose,
    baseProps = _ref.menuProps,
    Root = _ref.Root;
  var theme = useTheme();
  var _ref2 = baseProps || {},
    PaperProps = _ref2.PaperProps,
    menuProps = _objectWithoutProperties(_ref2, _excluded);
  return /*#__PURE__*/_jsxs("div", {
    children: [Root, /*#__PURE__*/_jsx(StyledMenu, Object.assign({
      anchorEl: anchorEl,
      open: Boolean(anchorEl),
      onClose: function onClose() {
        return handleClose && handleClose();
      },
      elevation: 0,
      PaperProps: Object.assign({}, PaperProps, {
        sx: Object.assign({
          '& .MuiList-root': {
            padding: 0
          },
          maxHeight: 60 * 4.5,
          backgroundColor: theme.palette.background["default"],
          padding: '10px',
          borderRadius: '15px',
          border: "1px solid ".concat(theme.palette.background.paper),
          boxShadow: theme.shadows[2],
          marginTop: theme.spacing(1.25)
        }, PaperProps == null ? void 0 : PaperProps.sx)
      }),
      anchorOrigin: {
        vertical: 'bottom',
        horizontal: 'left'
      },
      transformOrigin: {
        vertical: 'top',
        horizontal: 'left'
      }
    }, menuProps, {
      children: children
    }))]
  });
};
export default DropdownMenu;