@grafana/ui
Version:
Grafana Components Library
1 lines • 2.39 kB
Source Map (JSON)
{"version":3,"file":"RowExpander.mjs","sources":["../../../../../../src/components/Table/TableNG/Cells/RowExpander.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2 } from '@grafana/data';\nimport { t } from '@grafana/i18n';\n\nimport { useStyles2 } from '../../../../themes/ThemeContext';\nimport { Icon } from '../../../Icon/Icon';\nimport { RowExpanderNGProps } from '../types';\n\nexport function RowExpander({ height, onCellExpand, isExpanded }: RowExpanderNGProps) {\n const styles = useStyles2(getStyles, height);\n function handleKeyDown(e: React.KeyboardEvent<HTMLSpanElement>) {\n if (e.key === ' ' || e.key === 'Enter') {\n e.preventDefault();\n onCellExpand(e);\n }\n }\n return (\n <div role=\"button\" tabIndex={0} className={styles.expanderCell} onClick={onCellExpand} onKeyDown={handleKeyDown}>\n <Icon\n aria-label={\n isExpanded\n ? t('grafana-ui.row-expander-ng.aria-label-collapse', 'Collapse row')\n : t('grafana-ui.row-expander.aria-label-expand', 'Expand row')\n }\n name={isExpanded ? 'angle-down' : 'angle-right'}\n size=\"lg\"\n />\n </div>\n );\n}\n\nconst getStyles = (theme: GrafanaTheme2, rowHeight: number) => ({\n expanderCell: css({\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n height: `${rowHeight}px`,\n cursor: 'pointer',\n }),\n});\n"],"names":[],"mappings":";;;;;;AASO,SAAS,WAAY,CAAA,EAAE,MAAQ,EAAA,YAAA,EAAc,YAAkC,EAAA;AACpF,EAAM,MAAA,MAAA,GAAS,UAAW,CAAA,SAAA,EAAW,MAAM,CAAA;AAC3C,EAAA,SAAS,cAAc,CAAyC,EAAA;AAC9D,IAAA,IAAI,CAAE,CAAA,GAAA,KAAQ,GAAO,IAAA,CAAA,CAAE,QAAQ,OAAS,EAAA;AACtC,MAAA,CAAA,CAAE,cAAe,EAAA;AACjB,MAAA,YAAA,CAAa,CAAC,CAAA;AAAA;AAChB;AAEF,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,IAAK,EAAA,QAAA,EAAS,QAAU,EAAA,CAAA,EAAG,SAAW,EAAA,MAAA,CAAO,YAAc,EAAA,OAAA,EAAS,YAAc,EAAA,SAAA,EAAW,aAChG,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,YAAA,EACE,aACI,CAAE,CAAA,gDAAA,EAAkD,cAAc,CAClE,GAAA,CAAA,CAAE,6CAA6C,YAAY,CAAA;AAAA,MAEjE,IAAA,EAAM,aAAa,YAAe,GAAA,aAAA;AAAA,MAClC,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,SAAuB,MAAA;AAAA,EAC9D,cAAc,GAAI,CAAA;AAAA,IAChB,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,cAAgB,EAAA,QAAA;AAAA,IAChB,MAAA,EAAQ,GAAG,SAAS,CAAA,EAAA,CAAA;AAAA,IACpB,MAAQ,EAAA;AAAA,GACT;AACH,CAAA,CAAA;;;;"}