{"version":3,"file":"SidebarHeader.mjs","names":["React","makeStyles","CircularProgress","useTheme","Typography","lighten","StandardTitle","FluentIconButton","FluentButton","ChromeCloseIcon","useTranslation","FluentIcon","clsx","useStyles","theme","root","display","flexDirection","padding","spacing","paddingLeft","background","getThemeData","mode","palette","grey","common","white","title","flex","alignItems","marginLeft","actionButton","marginRight","position","fabProgress","top","left","zIndex","SidebarHeader","props","$","_c","additionalInputs","buttonLabel","buttonProgress","classProps","hideCloseButton","onClose","onSubmit","otherProps","secondaryButtonLabel","secondaryButtonProgress","t0","t1","t2","t3","t4","buttonVariant","buttonIcon","secondaryButtonVariant","secondaryButtonIcon","secondaryOnSubmit","classes","undefined","_temp","t5","t","t6","t7","defaultValue","t8","t9","t10","t11","t12"],"sources":["../../../../src/UI/dataDisplay/typography/SidebarHeader.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  CircularProgress,\n  useTheme,\n  Typography,\n  lighten\n} from '@material-ui/core';\nimport { StandardTitle } from './StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    paddingLeft: 0,\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.common.white\n  },\n  title: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    marginLeft: theme.spacing(1.5)\n  },\n  actionButton: {\n    marginRight: theme.spacing(1),\n    position: 'relative'\n  },\n  fabProgress: {\n    position: 'absolute',\n    top: 4,\n    left: '35%',\n    zIndex: 1\n  }\n}));\n\nexport const SidebarHeader = (props) => {\n  const {\n    title,\n    onClose,\n    buttonLabel,\n    buttonProgress,\n    buttonVariant = 'contained',\n    buttonIcon = null,\n    onSubmit,\n    secondaryButtonLabel,\n    secondaryButtonProgress,\n    secondaryButtonVariant = 'contained',\n    secondaryButtonIcon = '',\n    secondaryOnSubmit = () => {},\n    additionalInputs,\n    classes: classProps,\n    hideCloseButton,\n    ...otherProps\n  } = props;\n  const classes = useStyles(props);\n  const { root, actionButton } = classProps || {};\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  return (\n    <div className={clsx(classes.root, root)}>\n      <div className={classes.title}>\n        {!hideCloseButton && (\n          <FluentIconButton\n            id='udpRecord-SidebarHeader-ClosePanel'\n            udprecordid='udpRecord-SidebarHeader-ClosePanel'\n            icon={ChromeCloseIcon}\n            onClick={onClose}\n            aria-label={t('ui.sideSheet.closePanel', {\n              defaultValue: 'Close Panel'\n            })}\n          />\n        )}\n        <StandardTitle className={classes.title}>{title}</StandardTitle>\n      </div>\n      {additionalInputs}\n      {secondaryButtonLabel && (\n        <div className={clsx(classes.actionButton, actionButton)}>\n          <FluentButton\n            variant={secondaryButtonVariant}\n            color='secondary'\n            onClick={secondaryOnSubmit}\n            height={theme.spacing(5.25)}\n            {...otherProps}\n          >\n            {secondaryButtonProgress && (\n              <CircularProgress\n                size={theme.spacing(3)}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {secondaryButtonIcon && (\n              <FluentIcon\n                size='small'\n                component={secondaryButtonIcon}\n                color='primary'\n                style={{\n                  marginRight: theme.spacing(1)\n                }}\n              />\n            )}\n            <Typography>{secondaryButtonLabel}</Typography>\n          </FluentButton>\n        </div>\n      )}\n      {buttonLabel && (\n        <div className={clsx(classes.actionButton, actionButton)}>\n          <FluentButton\n            variant={buttonVariant}\n            color='secondary'\n            onClick={onSubmit}\n            height={theme.spacing(5.25)}\n            {...otherProps}\n          >\n            {buttonProgress && (\n              <CircularProgress\n                size={theme.spacing(3)}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonIcon && (\n              <FluentIcon\n                size='small'\n                component={buttonIcon}\n                color='primary'\n                style={{\n                  marginRight: theme.spacing(1)\n                }}\n              />\n            )}\n            <Typography>{buttonLabel}</Typography>\n          </FluentButton>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}