@grafana/ui/dist/esm/components/Table/TableNG/Cells/RowExpander.mjs.map

Grafana Components Library

{"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';\n\nimport { useStyles2 } from '../../../../themes';\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();\n    }\n  }\n  return (\n    <div className={styles.expanderCell} onClick={onCellExpand} onKeyDown={handleKeyDown}>\n      <Icon\n        aria-label={isExpanded ? 'Collapse row' : 'Expand row'}\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":";;;;;;;;;;AAQO,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,EAAA;AAAA;AACf;AAEF,EACE,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,cAAc,OAAS,EAAA,YAAA,EAAc,WAAW,aACrE,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,aAAa,cAAiB,GAAA,YAAA;AAAA,MAC1C,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;;;;"}