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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _material = require("@mui/material");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["PaperProps"];
var StyledMenu = (0, _material.styled)(_material.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 = (0, _material.useTheme)();
  var _ref2 = baseProps || {},
    PaperProps = _ref2.PaperProps,
    menuProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [Root, /*#__PURE__*/(0, _jsxRuntime.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
    }))]
  });
};
var _default = exports["default"] = DropdownMenu;