{"version":3,"file":"FluentTimelineContent.mjs","names":["React","useState","Typography","makeStyles","Popover","MenuItem","FluentIconButton","MoreVerticalIcon","FluentIcon","useStyles","theme","flexCol","flexGrow","fontSize","marginLeft","spacing","customTimelineContent","display","borderLeft","palette","grey","paddingLeft","paddingTop","paddingBottom","alignItems","customTimelineContentDate","marginRight","minWidth","fontWeight","textAlign","customTimelineDot","width","height","backgroundColor","borderRadius","flexDescription","FluentTimelineContent","props","$","_c","data","title","description","date","actions","category","classes","openMenu","setOpenMenu","anchorEl","setAnchorEl","t0","Symbol","for","event","currentTarget","handlePopoverClick","t1","event_0","handlePopoverClose","t2","t3","t4","t5","t6","length","replace","t7","t8","vertical","horizontal","t9","map","action","label","onClick","justifyContent","icon","t10","t11"],"sources":["../../../../src/UI/timeline/fluentTimeline/FluentTimelineContent.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Typography, makeStyles, Popover, MenuItem } from '@material-ui/core';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { MoreVerticalIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles(theme => ({\n  flexCol: {\n    flexGrow: 1,\n    fontSize: '0.875rem',\n    marginLeft: theme.spacing(1),\n  },\n  customTimelineContent: {\n    display: 'flex',\n    borderLeft: '1px solid ' + theme.palette.grey[300],\n    paddingLeft: theme.spacing(3),\n    paddingTop: theme.spacing(0.5),\n    paddingBottom: theme.spacing(0.5),\n    marginLeft: theme.spacing(2.5),\n    alignItems: 'center',\n  },\n  customTimelineContentDate: {\n    marginLeft: theme.spacing(3),\n    marginRight: theme.spacing(2),\n    minWidth: theme.spacing(5),\n    fontWeight: 400,\n    textAlign: 'right',\n    fontSize: '12px',\n  },\n  customTimelineDot: {\n    marginLeft: theme.spacing(-3.55),\n    width: theme.spacing(1),\n    height: theme.spacing(1),\n    backgroundColor: theme.palette.grey[400],\n    borderRadius: '100%',\n  },\n  flexDescription: {\n    fontSize: '0.875rem',\n  },\n}));\n\nexport const FluentTimelineContent = props => {\n  const { data, title, description, date, actions, category } = props;\n  const classes = useStyles();\n  const [openMenu, setOpenMenu] = useState(false);\n  const [anchorEl, setAnchorEl] = useState(null);\n\n  const handlePopoverClick = event => {\n    setOpenMenu(true);\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handlePopoverClose = event => {\n    setOpenMenu(false);\n    setAnchorEl(null);\n  };\n\n  return (\n    <div className={classes.customTimelineContent}>\n      <div className={classes.customTimelineDot} />\n      <Typography variant='body2' noWrap className={classes.flexCol}>\n        {title}\n      </Typography>\n      <Typography variant='body2' noWrap className={classes.flexDescription}>\n        {description}\n      </Typography>\n      <Typography\n        variant='caption'\n        color='textSecondary'\n        className={classes.customTimelineContentDate}\n      >\n        {date}\n      </Typography>\n      {actions?.length > 0 && (\n        <FluentIconButton\n          icon={MoreVerticalIcon}\n          size='small'\n          onClick={handlePopoverClick}\n          id={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n          udprecordid={\n            'udpRecord-FluentTimelineContent-MoreAction-' +\n            category +\n            '-' +\n            typeof title === 'string' && title.replace(/\\s+/g, '')\n          }\n        />\n      )}\n\n      <Popover\n        id='fluentTimelineContentPopover'\n        open={openMenu}\n        anchorEl={anchorEl}\n        onClose={handlePopoverClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right'\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right'\n        }}\n      >\n        {actions?.map((action) => (\n          <MenuItem\n            id={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            udprecordid={\n              'udpRecord-FluentTimelineContent-MenuItem-' +\n              action?.label?.replace(/ /g, '-')\n            }\n            onClick={() => {\n              if (action.onClick) {\n                action.onClick(data);\n              }\n            }}\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between'\n            }}\n          >\n            <Typography>{action?.label}</Typography>\n            {action?.icon && (\n              <FluentIcon component={action?.icon} style={{ marginLeft: 7 }} />\n            )}\n          </MenuItem>\n        ))}\n      </Popover>\n    </div>\n  );\n};\n"],"mappings":"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"}