UNPKG

@grafana/ui

Version:
1 lines 3.9 kB
{"version":3,"file":"TableCell.mjs","sources":["../../../../../src/components/Table/Cells/TableCell.tsx"],"sourcesContent":["import { Cell } from 'react-table';\n\nimport { TimeRange, DataFrame, InterpolateFunction } from '@grafana/data';\n\nimport { TableStyles } from '../TableRT/styles';\nimport { GetActionsFunction, GrafanaTableColumn, TableFilterActionCallback, TableInspectCellCallback } from '../types';\n\nexport interface Props {\n cell: Cell;\n tableStyles: TableStyles;\n onCellFilterAdded?: TableFilterActionCallback;\n columnIndex: number;\n columnCount: number;\n timeRange?: TimeRange;\n userProps?: object;\n frame: DataFrame;\n rowStyled?: boolean;\n rowExpanded?: boolean;\n textWrapped?: boolean;\n height?: number;\n getActions?: GetActionsFunction;\n replaceVariables?: InterpolateFunction;\n setInspectCell?: TableInspectCellCallback;\n}\n\nexport const TableCell = ({\n cell,\n tableStyles,\n onCellFilterAdded,\n timeRange,\n userProps,\n frame,\n rowStyled,\n rowExpanded,\n textWrapped,\n height,\n getActions,\n replaceVariables,\n setInspectCell,\n}: Props) => {\n const cellProps = cell.getCellProps();\n const field = (cell.column as unknown as GrafanaTableColumn).field;\n\n if (!field?.display) {\n return null;\n }\n\n if (cellProps.style) {\n cellProps.style.wordBreak = 'break-word';\n cellProps.style.minWidth = cellProps.style.width;\n const justifyContent = (cell.column as any).justifyContent;\n\n if (justifyContent === 'flex-end' && !field.config.unit) {\n // justify-content flex-end is not compatible with cellLink overflow; use direction instead\n cellProps.style.textAlign = 'right';\n cellProps.style.direction = 'rtl';\n cellProps.style.unicodeBidi = 'plaintext';\n } else {\n cellProps.style.justifyContent = justifyContent;\n }\n }\n\n let innerWidth = (typeof cell.column.width === 'number' ? cell.column.width : 24) - tableStyles.cellPadding * 2;\n\n const actions = getActions ? getActions(frame, field, cell.row.index, replaceVariables) : [];\n\n return (\n <>\n {cell.render('Cell', {\n field,\n tableStyles,\n onCellFilterAdded,\n cellProps,\n innerWidth,\n timeRange,\n userProps,\n frame,\n rowStyled,\n rowExpanded,\n textWrapped,\n height,\n actions,\n setInspectCell,\n })}\n </>\n );\n};\n"],"names":[],"mappings":";;;AAyBO,MAAM,YAAY,CAAC;AAAA,EACxB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,MAAM,SAAA,GAAY,KAAK,YAAA,EAAa;AACpC,EAAA,MAAM,KAAA,GAAS,KAAK,MAAA,CAAyC,KAAA;AAE7D,EAAA,IAAI,EAAC,+BAAO,OAAA,CAAA,EAAS;AACnB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,IAAI,UAAU,KAAA,EAAO;AACnB,IAAA,SAAA,CAAU,MAAM,SAAA,GAAY,YAAA;AAC5B,IAAA,SAAA,CAAU,KAAA,CAAM,QAAA,GAAW,SAAA,CAAU,KAAA,CAAM,KAAA;AAC3C,IAAA,MAAM,cAAA,GAAkB,KAAK,MAAA,CAAe,cAAA;AAE5C,IAAA,IAAI,cAAA,KAAmB,UAAA,IAAc,CAAC,KAAA,CAAM,OAAO,IAAA,EAAM;AAEvD,MAAA,SAAA,CAAU,MAAM,SAAA,GAAY,OAAA;AAC5B,MAAA,SAAA,CAAU,MAAM,SAAA,GAAY,KAAA;AAC5B,MAAA,SAAA,CAAU,MAAM,WAAA,GAAc,WAAA;AAAA,IAChC,CAAA,MAAO;AACL,MAAA,SAAA,CAAU,MAAM,cAAA,GAAiB,cAAA;AAAA,IACnC;AAAA,EACF;AAEA,EAAA,IAAI,UAAA,GAAA,CAAc,OAAO,IAAA,CAAK,MAAA,CAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,MAAA,CAAO,KAAA,GAAQ,EAAA,IAAM,WAAA,CAAY,WAAA,GAAc,CAAA;AAE9G,EAAA,MAAM,OAAA,GAAU,UAAA,GAAa,UAAA,CAAW,KAAA,EAAO,KAAA,EAAO,KAAK,GAAA,CAAI,KAAA,EAAO,gBAAgB,CAAA,GAAI,EAAC;AAE3F,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,IAAA,CAAK,MAAA,CAAO,MAAA,EAAQ;AAAA,IACnB,KAAA;AAAA,IACA,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA;AAAA,GACD,CAAA,EACH,CAAA;AAEJ;;;;"}