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

Grafana Components Library

{"version":3,"file":"ActionsCell.mjs","sources":["../../../../../../src/components/Table/TableNG/Cells/ActionsCell.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { useMemo } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../../../themes/ThemeContext';\nimport { ActionButton } from '../../../Actions/ActionButton';\nimport { ActionCellProps } from '../types';\n\nexport const ActionsCell = ({ field, rowIdx, getActions }: ActionCellProps) => {\n  const styles = useStyles2(getStyles);\n\n  const actions = useMemo(() => getActions(field, rowIdx), [getActions, field, rowIdx]);\n\n  return (\n    <div className={styles.buttonsGap}>\n      {actions.map((action, i) => (\n        <ActionButton key={i} action={action} variant=\"secondary\" />\n      ))}\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n  buttonsGap: css({\n    display: 'flex',\n    gap: 6,\n  }),\n});\n"],"names":[],"mappings":";;;;;;AASO,MAAM,cAAc,CAAC,EAAE,KAAO,EAAA,MAAA,EAAQ,YAAkC,KAAA;AAC7E,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAM,MAAA,OAAA,GAAU,OAAQ,CAAA,MAAM,UAAW,CAAA,KAAA,EAAO,MAAM,CAAA,EAAG,CAAC,UAAA,EAAY,KAAO,EAAA,MAAM,CAAC,CAAA;AAEpF,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,UAAA,EACpB,kBAAQ,GAAI,CAAA,CAAC,MAAQ,EAAA,CAAA,yBACnB,YAAqB,EAAA,EAAA,MAAA,EAAgB,SAAQ,WAA3B,EAAA,EAAA,CAAuC,CAC3D,CACH,EAAA,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,YAAY,GAAI,CAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,GAAK,EAAA;AAAA,GACN;AACH,CAAA,CAAA;;;;"}