{"version":3,"file":"SidebarCollapseButton.mjs","names":["makeStyles","clsx","React","useTranslation","ChevronRightIcon","FluentIconButton","useStyles","theme","root","display","justifyContent","height","width","paddingLeft","iconButton","marginLeft","expanded","icon","margin","transition","transitions","create","easing","sharp","duration","shortest","transform","switch","name","SidebarCollapseButton","props","$","_c","classes","className","id","other","udprecordid","t","t0","t1","t2","defaultValue","t3","t4"],"sources":["../../../src/shell/ui/SidebarCollapseButton.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRightIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      justifyContent: 'flex-start',\n      height: 48,\n      width: '100%',\n      paddingLeft: 0\n    },\n    iconButton: {\n      width: 48,\n      height: 48,\n      marginLeft: 16 - (48 - 24) / 2\n    },\n    expanded: {},\n    icon: {\n      width: 14,\n      height: 14,\n      margin: (24 - 16) / 2,\n      transition: theme?.transitions?.create('transform', {\n        easing: theme?.transitions?.easing?.sharp,\n        duration: theme?.transitions?.duration?.shortest\n      }),\n      '$expanded &': {\n        transform: 'scaleX(-1)'\n      }\n    },\n    switch: {\n      margin: (24 - 16) / 2,\n      transition: theme?.transitions?.create('transform', {\n        easing: theme?.transitions?.easing?.sharp,\n        duration: theme?.transitions?.duration?.shortest\n      }),\n      '$expanded &': {\n        transform: 'scaleX(-1)'\n      }\n    }\n  }),\n  { name: 'SidebarCollapseButton' }\n);\n\n/**\n * Custom styled button used for expanding/collapsing sidebars\n */\nexport const SidebarCollapseButton = (props) => {\n  const classes = useStyles(props);\n  const { expanded, className, id, udprecordid, ...other } = props;\n  const { t } = useTranslation();\n\n  return (\n    <div\n      {...other}\n      className={clsx(className, classes.root, {\n        [classes.expanded]: expanded\n      })}\n    >\n      <FluentIconButton\n        id={id}\n        udprecordid={udprecordid}\n        color='inherit'\n        className={clsx(classes.iconButton, classes.switch)}\n        aria-label={\n          expanded\n            ? t('shell.sidebar.collapseNavigation', {\n                defaultValue: 'Collapse navigation'\n              })\n            : t('shell.sidebar.expandNavigation', {\n                defaultValue: 'Expand navigation'\n              })\n        }\n        icon={ChevronRightIcon}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}