@digital-ai/plugin-dai-release/dist/components/ReleasePopOverComponent/ReleasePopOverComponent.esm.js

Frontend functionalities for the dai-release backstage plugin

import Button from '@mui/material/Button';
import { IconButton } from '@material-ui/core';
import MoreVertIcon from '@material-ui/icons/MoreVert';
import Popover from '@mui/material/Popover';
import React, { useState } from 'react';

function usePopover(folderId, modalTitle, setOpenModal, setFolderId, setModalTitle) {
  const [anchorEl, setAnchorEl] = useState(null);
  const handleClick = (event) => {
    setAnchorEl(event.currentTarget);
  };
  const handleClose = () => {
    setAnchorEl(null);
  };
  const onOpenPopupModal = () => {
    setOpenModal(true);
    setFolderId(folderId);
    setModalTitle(modalTitle);
  };
  const open = Boolean(anchorEl);
  const id = open ? "simple-popover" : void 0;
  return {
    anchorEl,
    handleClick,
    handleClose,
    open,
    id,
    onOpenPopupModal
  };
}
function ReleasePopOverComponent({
  folderId,
  modalTitle,
  setOpenModal,
  setFolderId,
  setModalTitle
}) {
  const { anchorEl, handleClick, handleClose, open, id, onOpenPopupModal } = usePopover(folderId, modalTitle, setOpenModal, setFolderId, setModalTitle);
  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
    IconButton,
    {
      "aria-label": "more",
      "aria-controls": "long-menu",
      "aria-haspopup": "true",
      size: "small",
      onClick: handleClick
    },
    /* @__PURE__ */ React.createElement(MoreVertIcon, { "data-testid": "moreVertIcon" })
  ), /* @__PURE__ */ React.createElement(
    Popover,
    {
      id,
      open,
      anchorEl,
      onClose: handleClose,
      onClick: handleClose,
      anchorOrigin: {
        vertical: "bottom",
        horizontal: "left"
      }
    },
    /* @__PURE__ */ React.createElement(
      Button,
      {
        variant: "text",
        onClick: onOpenPopupModal,
        style: {
          width: "150px",
          height: "40px",
          textTransform: "none"
        }
      },
      "Meta information"
    )
  )));
}

export { ReleasePopOverComponent, usePopover };
//# sourceMappingURL=ReleasePopOverComponent.esm.js.map