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

Grafana Components Library

{"version":3,"file":"TableNG.mjs","sources":["../../../../../src/components/Table/TableNG/TableNG.tsx"],"sourcesContent":["import 'react-data-grid/lib/styles.css';\n\nimport { clsx } from 'clsx';\nimport memoize from 'micro-memoize';\nimport { CSSProperties, Key, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport {\n  Cell,\n  CellRendererProps,\n  DataGrid,\n  DataGridHandle,\n  DataGridProps,\n  RenderCellProps,\n  Renderers,\n  RenderRowProps,\n  Row,\n  SortColumn,\n} from 'react-data-grid';\n\nimport {\n  DataHoverClearEvent,\n  DataHoverEvent,\n  FALLBACK_COLOR,\n  Field,\n  FieldType,\n  getDisplayProcessor,\n} from '@grafana/data';\nimport { Trans } from '@grafana/i18n';\nimport { FieldColorModeId, TableCellTooltipPlacement, TableFooterOptions } from '@grafana/schema';\n\nimport { useStyles2, useTheme2 } from '../../../themes/ThemeContext';\nimport { getTextColorForBackground as _getTextColorForBackground } from '../../../utils/colors';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { PanelContext, usePanelContext } from '../../PanelChrome';\nimport { DataLinksActionsTooltip } from '../DataLinksActionsTooltip';\nimport { TableCellInspector, TableCellInspectorMode } from '../TableCellInspector';\nimport { TableCellDisplayMode } from '../types';\nimport { DataLinksActionsTooltipState } from '../utils';\n\nimport { getCellRenderer, getCellSpecificStyles } from './Cells/renderers';\nimport { HeaderCell } from './components/HeaderCell';\nimport { RowExpander } from './components/RowExpander';\nimport { SummaryCell } from './components/SummaryCell';\nimport { TableCellActions } from './components/TableCellActions';\nimport { TableCellTooltip } from './components/TableCellTooltip';\nimport { COLUMN, TABLE } from './constants';\nimport {\n  useColumnResize,\n  useColWidths,\n  useFilteredRows,\n  useHeaderHeight,\n  usePaginatedRows,\n  useRowHeight,\n  useScrollbarWidth,\n  useSortedRows,\n} from './hooks';\nimport {\n  getCellActionStyles,\n  getDefaultCellStyles,\n  getGridStyles,\n  getHeaderCellStyles,\n  getLinkStyles,\n  getMaxHeightCellStyles,\n  getTooltipStyles,\n} from './styles';\nimport {\n  TableNGProps,\n  TableRow,\n  TableSummaryRow,\n  TableColumn,\n  InspectCellProps,\n  TableCellStyleOptions,\n  FromFieldsResult,\n  CellRootRenderer,\n} from './types';\nimport {\n  applySort,\n  canFieldBeColorized,\n  calculateFooterHeight,\n  createTypographyContext,\n  displayJsonValue,\n  extractPixelValue,\n  frameToRecords,\n  getAlignment,\n  getApplyToRowBgFn,\n  getCellColorInlineStylesFactory,\n  getCellLinks,\n  getCellOptions,\n  getDefaultRowHeight,\n  getDisplayName,\n  getIsNestedTable,\n  getJustifyContent,\n  getVisibleFields,\n  isCellInspectEnabled,\n  predicateByName,\n  shouldTextOverflow,\n  shouldTextWrap,\n  getSummaryCellTextAlign,\n  parseStyleJson,\n  IS_SAFARI_26,\n} from './utils';\n\nconst EXPANDED_COLUMN_KEY = 'expanded';\n\nexport function TableNG(props: TableNGProps) {\n  const {\n    cellHeight,\n    data,\n    disableSanitizeHtml,\n    enablePagination = false,\n    enableSharedCrosshair = false,\n    enableVirtualization,\n    frozenColumns = 0,\n    getActions = () => [],\n    height,\n    initialSortBy,\n    maxRowHeight: _maxRowHeight,\n    noHeader,\n    onCellFilterAdded,\n    onColumnResize,\n    onSortByChange,\n    showTypeIcons,\n    structureRev,\n    timeRange,\n    transparent,\n    width,\n  } = props;\n\n  const theme = useTheme2();\n  const styles = useStyles2(getGridStyles, enablePagination, transparent);\n  const panelContext = usePanelContext();\n  const userCanExecuteActions = useMemo(() => panelContext.canExecuteActions?.() ?? false, [panelContext]);\n\n  const getCellActions = useCallback(\n    (field: Field, rowIdx: number) => {\n      if (!userCanExecuteActions) {\n        return [];\n      }\n      return getActions(data, field, rowIdx);\n    },\n    [getActions, data, userCanExecuteActions]\n  );\n\n  const visibleFields = useMemo(() => getVisibleFields(data.fields), [data.fields]);\n  const hasHeader = !noHeader;\n  const hasFooter = useMemo(\n    () => visibleFields.some((field) => Boolean(field.config.custom?.footer?.reducers?.length)),\n    [visibleFields]\n  );\n  const footerHeight = useMemo(\n    () => (hasFooter ? calculateFooterHeight(visibleFields) : 0),\n    [hasFooter, visibleFields]\n  );\n\n  const resizeHandler = useColumnResize(onColumnResize);\n\n  const rows = useMemo(() => frameToRecords(data), [data]);\n  const hasNestedFrames = useMemo(() => getIsNestedTable(data.fields), [data]);\n  const getTextColorForBackground = useMemo(() => memoize(_getTextColorForBackground, { maxSize: 1000 }), []);\n\n  const {\n    rows: filteredRows,\n    filter,\n    setFilter,\n    crossFilterOrder,\n    crossFilterRows,\n  } = useFilteredRows(rows, data.fields, { hasNestedFrames });\n\n  const {\n    rows: sortedRows,\n    sortColumns,\n    setSortColumns,\n  } = useSortedRows(filteredRows, data.fields, { hasNestedFrames, initialSortBy });\n\n  const [inspectCell, setInspectCell] = useState<InspectCellProps | null>(null);\n  const [tooltipState, setTooltipState] = useState<DataLinksActionsTooltipState>();\n  const [expandedRows, setExpandedRows] = useState(() => new Set<number>());\n\n  // vt scrollbar accounting for column auto-sizing\n\n  const defaultRowHeight = useMemo(\n    () => getDefaultRowHeight(theme, visibleFields, cellHeight),\n    [theme, visibleFields, cellHeight]\n  );\n  const gridRef = useRef<DataGridHandle>(null);\n  const scrollbarWidth = useScrollbarWidth(gridRef, height);\n  const availableWidth = useMemo(\n    () => (hasNestedFrames ? width - COLUMN.EXPANDER_WIDTH : width) - scrollbarWidth,\n    [width, hasNestedFrames, scrollbarWidth]\n  );\n  const getCellColorInlineStyles = useMemo(() => getCellColorInlineStylesFactory(theme), [theme]);\n  const applyToRowBgFn = useMemo(\n    () => getApplyToRowBgFn(data.fields, getCellColorInlineStyles) ?? undefined,\n    [data.fields, getCellColorInlineStyles]\n  );\n  const typographyCtx = useMemo(\n    () =>\n      createTypographyContext(\n        theme.typography.fontSize,\n        theme.typography.fontFamily,\n        extractPixelValue(theme.typography.body.letterSpacing!) * theme.typography.fontSize\n      ),\n    [theme]\n  );\n\n  const [widths, numFrozenColsFullyInView] = useColWidths(visibleFields, availableWidth, frozenColumns);\n\n  const headerHeight = useHeaderHeight({\n    columnWidths: widths,\n    fields: visibleFields,\n    enabled: hasHeader,\n    sortColumns,\n    showTypeIcons: showTypeIcons ?? false,\n    typographyCtx,\n  });\n  // the minimum max row height we should honor is a single line of text.\n  const maxRowHeight = _maxRowHeight != null ? Math.max(TABLE.LINE_HEIGHT, _maxRowHeight) : undefined;\n  const rowHeight = useRowHeight({\n    columnWidths: widths,\n    fields: visibleFields,\n    hasNestedFrames,\n    defaultHeight: defaultRowHeight,\n    expandedRows,\n    typographyCtx,\n    maxHeight: maxRowHeight,\n  });\n\n  const {\n    rows: paginatedRows,\n    page,\n    setPage,\n    numPages,\n    pageRangeStart,\n    pageRangeEnd,\n    smallPagination,\n  } = usePaginatedRows(sortedRows, {\n    enabled: enablePagination,\n    width: availableWidth,\n    height,\n    footerHeight,\n    headerHeight: hasHeader ? TABLE.HEADER_ROW_HEIGHT : 0,\n    rowHeight,\n  });\n\n  const [footers, isUniformFooter] = useMemo(() => {\n    const footers: Array<TableFooterOptions | undefined> = [];\n    let isUniformFooter = true;\n    let firstReducers: string[] | undefined;\n    for (const field of visibleFields) {\n      const footer = field.config?.custom?.footer;\n      footers.push(footer);\n\n      if (firstReducers === undefined && (footer?.reducers?.length ?? 0) > 0) {\n        firstReducers = footer?.reducers; // store the reducers for the first visible array with a footer.\n      } else if (firstReducers !== undefined) {\n        // once we have a list of reducers, compare each subsequent footer's reducers to the first.\n        const reducers: string[] | undefined = footer?.reducers;\n\n        // ignore fields with no footer reducers.\n        if (reducers?.length ?? 0 > 0) {\n          // isUniformFooter is false if there are different numbers of reducers or if the reducers are not identical.\n          if (reducers!.length !== firstReducers!.length || reducers!.some((r, idx) => firstReducers?.[idx] !== r)) {\n            isUniformFooter = false;\n            break;\n          }\n        }\n      }\n    }\n    return [footers, isUniformFooter];\n  }, [visibleFields]);\n\n  // normalize the row height into a function which returns a number, so we avoid a bunch of conditionals during rendering.\n  const rowHeightFn = useMemo((): ((row: TableRow) => number) => {\n    if (typeof rowHeight === 'function') {\n      return rowHeight;\n    }\n    if (typeof rowHeight === 'string') {\n      return () => TABLE.MAX_CELL_HEIGHT;\n    }\n    return () => rowHeight;\n  }, [rowHeight]);\n\n  const renderRow = useMemo(\n    () => renderRowFactory(data.fields, panelContext, expandedRows, enableSharedCrosshair),\n    [data, enableSharedCrosshair, expandedRows, panelContext]\n  );\n\n  const commonDataGridProps = useMemo(\n    () =>\n      ({\n        enableVirtualization: !IS_SAFARI_26 && enableVirtualization !== false && rowHeight !== 'auto',\n        defaultColumnOptions: {\n          minWidth: 50,\n          resizable: true,\n          sortable: true,\n          // draggable: true,\n        },\n        onColumnResize: resizeHandler,\n        onSortColumnsChange: (newSortColumns: SortColumn[]) => {\n          setSortColumns(newSortColumns);\n          onSortByChange?.(\n            newSortColumns.map(({ columnKey, direction }) => ({\n              displayName: columnKey,\n              desc: direction === 'DESC',\n            }))\n          );\n        },\n        sortColumns,\n        rowHeight,\n        bottomSummaryRows: hasFooter ? [{}] : undefined,\n        summaryRowHeight: footerHeight,\n        headerRowClass: styles.headerRow,\n        headerRowHeight: noHeader ? 0 : TABLE.HEADER_ROW_HEIGHT,\n      }) satisfies Partial<DataGridProps<TableRow, TableSummaryRow>>,\n    [\n      enableVirtualization,\n      hasFooter,\n      resizeHandler,\n      sortColumns,\n      rowHeight,\n      styles.headerRow,\n      noHeader,\n      setSortColumns,\n      onSortByChange,\n      footerHeight,\n    ]\n  );\n\n  const buildNestedTableExpanderColumn = useCallback(\n    (\n      nestedColumns: TableColumn[],\n      hasNestedHeaders: boolean,\n      renderers: Renderers<TableRow, TableSummaryRow>\n    ): TableColumn => ({\n      key: EXPANDED_COLUMN_KEY,\n      name: '',\n      field: {\n        name: '',\n        type: FieldType.other,\n        config: {},\n        values: [],\n      },\n      cellClass(row) {\n        if (row.__depth !== 0) {\n          return styles.cellNested;\n        }\n        return;\n      },\n      colSpan(args) {\n        return args.type === 'ROW' && args.row.__depth === 1 ? data.fields.length : 1;\n      },\n      renderCell: ({ row }) => {\n        if (row.__depth === 0) {\n          const rowIdx = row.__index;\n\n          return (\n            <RowExpander\n              isExpanded={expandedRows.has(rowIdx)}\n              onCellExpand={() => {\n                if (expandedRows.has(rowIdx)) {\n                  expandedRows.delete(rowIdx);\n                } else {\n                  expandedRows.add(rowIdx);\n                }\n                setExpandedRows(new Set(expandedRows));\n              }}\n            />\n          );\n        }\n\n        // Type guard to check if data exists as it's optional\n        const nestedData = row.data;\n        if (!nestedData) {\n          return null;\n        }\n\n        const expandedRecords = applySort(frameToRecords(nestedData), nestedData.fields, sortColumns);\n        if (!expandedRecords.length) {\n          return (\n            <div className={styles.noDataNested}>\n              <Trans i18nKey=\"grafana-ui.table.nested-table.no-data\">No data</Trans>\n            </div>\n          );\n        }\n\n        return (\n          <DataGrid<TableRow, TableSummaryRow>\n            {...commonDataGridProps}\n            className={clsx(styles.grid, styles.gridNested)}\n            headerRowClass={clsx(styles.headerRow, { [styles.displayNone]: !hasNestedHeaders })}\n            headerRowHeight={hasNestedHeaders ? TABLE.HEADER_HEIGHT : 0}\n            columns={nestedColumns}\n            rows={expandedRecords}\n            renderers={renderers}\n          />\n        );\n      },\n      width: COLUMN.EXPANDER_WIDTH,\n      minWidth: COLUMN.EXPANDER_WIDTH,\n    }),\n    [commonDataGridProps, data.fields.length, expandedRows, sortColumns, styles]\n  );\n\n  const fromFields = useCallback(\n    (f: Field[], widths: number[]): FromFieldsResult => {\n      const result: FromFieldsResult = {\n        columns: [],\n        cellRootRenderers: {},\n      };\n\n      let lastRowIdx = -1;\n      // shared when whole row will be styled by a single cell's color\n      let rowCellStyle: Partial<CSSProperties> = {\n        color: undefined,\n        background: undefined,\n      };\n\n      f.forEach((field, i) => {\n        const cellOptions = getCellOptions(field);\n        const cellType = cellOptions.type;\n\n        // make sure we use mappings exclusively if they exist, ignore default thresholds mode\n        // we hack this by using the single color mode calculator\n        if (cellType === TableCellDisplayMode.Pill && (field.config.mappings?.length ?? 0 > 0)) {\n          field = {\n            ...field,\n            config: {\n              ...field.config,\n              color: {\n                ...field.config.color,\n                mode: FieldColorModeId.Fixed,\n                fixedColor: field.config.color?.fixedColor ?? FALLBACK_COLOR,\n              },\n            },\n          };\n          field.display = getDisplayProcessor({ field, theme });\n        }\n\n        // attach JSONCell custom display function to JSONView cell type\n        if (cellType === TableCellDisplayMode.JSONView || field.type === FieldType.other) {\n          field.display = displayJsonValue(field);\n        }\n\n        // For some cells, \"aligning\" the cell will mean aligning the inline contents of the cell with\n        // the text-align css property, and for others, we'll use justify-content to align the cell\n        // contents with flexbox. We always just get both and provide both when styling the cell.\n        const textAlign = getAlignment(field);\n        const justifyContent = getJustifyContent(textAlign);\n        const displayName = getDisplayName(field);\n        const headerCellClass = getHeaderCellStyles(theme, justifyContent);\n        const CellType = getCellRenderer(field, cellOptions);\n\n        const cellInspect = isCellInspectEnabled(field);\n        const showFilters = Boolean(field.config.filterable && onCellFilterAdded != null);\n        const showActions = cellInspect || showFilters;\n        const width = widths[i];\n\n        // helps us avoid string cx and emotion per-cell\n        const cellActionClassName = showActions\n          ? clsx('table-cell-actions', getCellActionStyles(theme, textAlign))\n          : undefined;\n\n        const shouldOverflow =\n          !IS_SAFARI_26 && rowHeight !== 'auto' && (shouldTextOverflow(field) || Boolean(maxRowHeight));\n        const textWrap = rowHeight === 'auto' || shouldTextWrap(field);\n        const canBeColorized = canFieldBeColorized(cellType, applyToRowBgFn);\n        const cellStyleOptions: TableCellStyleOptions = {\n          textAlign,\n          textWrap,\n          shouldOverflow,\n          maxHeight: maxRowHeight,\n        };\n\n        const defaultCellStyles = getDefaultCellStyles(theme, cellStyleOptions);\n        const cellSpecificStyles = getCellSpecificStyles(cellType, field, theme, cellStyleOptions);\n        const linkStyles = getLinkStyles(theme, canBeColorized);\n        const cellParentStyles = clsx(defaultCellStyles, linkStyles);\n        const maxHeightClassName = maxRowHeight ? getMaxHeightCellStyles(theme, cellStyleOptions) : undefined;\n        const styleFieldValue = field.config.custom?.styleField;\n        const styleField = styleFieldValue ? data.fields.find(predicateByName(styleFieldValue)) : undefined;\n        const styleFieldName = styleField ? getDisplayName(styleField) : undefined;\n        const hasValidStyleField = Boolean(styleFieldName);\n\n        // TODO: in future extend this to ensure a non-classic color scheme is set with AutoCell\n\n        // this fires first\n        const renderCellRoot = (key: Key, props: CellRendererProps<TableRow, TableSummaryRow>): ReactNode => {\n          const rowIdx = props.row.__index;\n\n          // meh, this should be cached by the renderRow() call?\n          if (rowIdx !== lastRowIdx) {\n            lastRowIdx = rowIdx;\n\n            rowCellStyle.color = undefined;\n            rowCellStyle.background = undefined;\n\n            // generate shared styles for whole row\n            if (applyToRowBgFn != null) {\n              rowCellStyle = { ...rowCellStyle, ...applyToRowBgFn(rowIdx) };\n            }\n          }\n\n          let style: CSSProperties = { ...rowCellStyle };\n          if (canBeColorized) {\n            const value = props.row[props.column.key];\n            const displayValue = field.display!(value); // this fires here to get colors, then again to get rendered value?\n            const cellColorStyles = getCellColorInlineStyles(cellOptions, displayValue, applyToRowBgFn != null);\n            Object.assign(style, cellColorStyles);\n          }\n          if (hasValidStyleField) {\n            style = { ...style, ...parseStyleJson(props.row[styleFieldName!]) };\n          }\n\n          return (\n            <Cell\n              key={key}\n              {...props}\n              className={clsx(\n                props.className,\n                cellParentStyles,\n                cellSpecificStyles != null && { [cellSpecificStyles]: maxRowHeight == null }\n              )}\n              style={style}\n            />\n          );\n        };\n\n        result.cellRootRenderers[displayName] = renderCellRoot;\n\n        const renderBasicCellContent = (props: RenderCellProps<TableRow, TableSummaryRow>): JSX.Element => {\n          const rowIdx = props.row.__index;\n          const value = props.row[props.column.key];\n          // TODO: it would be nice to get rid of passing height down as a prop. but this value\n          // is cached so the cost of calling for every cell is low.\n          // NOTE: some cell types still require a height to be passed down, so that's why string-based\n          // cell types are going to just pass down the max cell height as a numeric height for those cells.\n          const height = rowHeightFn(props.row);\n          const frame = data;\n\n          let result = (\n            <>\n              <CellType\n                cellOptions={cellOptions}\n                frame={frame}\n                field={field}\n                height={height}\n                rowIdx={rowIdx}\n                theme={theme}\n                value={value}\n                width={width}\n                timeRange={timeRange}\n                cellInspect={cellInspect}\n                showFilters={showFilters}\n                getActions={getCellActions}\n                disableSanitizeHtml={disableSanitizeHtml}\n                getTextColorForBackground={getTextColorForBackground}\n              />\n              {showActions && (\n                <TableCellActions\n                  field={field}\n                  value={value}\n                  displayName={displayName}\n                  cellInspect={cellInspect}\n                  showFilters={showFilters}\n                  className={cellActionClassName}\n                  setInspectCell={setInspectCell}\n                  onCellFilterAdded={onCellFilterAdded}\n                />\n              )}\n            </>\n          );\n\n          if (maxRowHeight != null) {\n            result = <div className={clsx(maxHeightClassName, cellSpecificStyles)}>{result}</div>;\n          }\n\n          return result;\n        };\n\n        // renderCellContent fires second.\n        let renderCellContent = renderBasicCellContent;\n\n        const tooltipFieldName = field.config.custom?.tooltip?.field;\n        if (tooltipFieldName) {\n          const tooltipField = data.fields.find(predicateByName(tooltipFieldName));\n          if (tooltipField) {\n            const tooltipDisplayName = getDisplayName(tooltipField);\n            const tooltipCellOptions = getCellOptions(tooltipField);\n            const tooltipFieldRenderer = getCellRenderer(tooltipField, tooltipCellOptions);\n\n            const tooltipCellStyleOptions = {\n              textAlign: getAlignment(tooltipField),\n              textWrap: shouldTextWrap(tooltipField),\n              shouldOverflow: false,\n              maxHeight: maxRowHeight,\n            } satisfies TableCellStyleOptions;\n            const tooltipCanBeColorized = canFieldBeColorized(tooltipCellOptions.type, applyToRowBgFn);\n            const tooltipDefaultStyles = getDefaultCellStyles(theme, tooltipCellStyleOptions);\n            const tooltipSpecificStyles = getCellSpecificStyles(\n              tooltipCellOptions.type,\n              tooltipField,\n              theme,\n              tooltipCellStyleOptions\n            );\n            const tooltipLinkStyles = getLinkStyles(theme, tooltipCanBeColorized);\n            const tooltipClasses = getTooltipStyles(theme, textAlign);\n\n            const placement = field.config.custom?.tooltip?.placement ?? TableCellTooltipPlacement.Auto;\n            const tooltipWidth =\n              placement === TableCellTooltipPlacement.Left || placement === TableCellTooltipPlacement.Right\n                ? tooltipField.config.custom?.width\n                : width;\n\n            const tooltipProps = {\n              cellOptions: tooltipCellOptions,\n              classes: tooltipClasses,\n              className: clsx(\n                tooltipClasses.tooltipContent,\n                tooltipDefaultStyles,\n                tooltipSpecificStyles,\n                tooltipLinkStyles\n              ),\n              data,\n              disableSanitizeHtml,\n              field: tooltipField,\n              getActions: getCellActions,\n              getTextColorForBackground,\n              gridRef,\n              placement,\n              renderer: tooltipFieldRenderer,\n              tooltipField,\n              theme,\n              width: tooltipWidth,\n            } satisfies Partial<React.ComponentProps<typeof TableCellTooltip>>;\n\n            renderCellContent = (props: RenderCellProps<TableRow, TableSummaryRow>): JSX.Element => {\n              // cached so we don't care about multiple calls.\n              const tooltipHeight = rowHeightFn(props.row);\n              let tooltipStyle: CSSProperties = { ...rowCellStyle };\n              if (tooltipCanBeColorized) {\n                const tooltipDisplayValue = tooltipField.display!(props.row[tooltipDisplayName]);\n                const tooltipCellColorStyles = getCellColorInlineStyles(\n                  tooltipCellOptions,\n                  tooltipDisplayValue,\n                  applyToRowBgFn != null\n                );\n                Object.assign(tooltipStyle, tooltipCellColorStyles);\n              }\n\n              return (\n                <TableCellTooltip\n                  {...tooltipProps}\n                  height={tooltipHeight}\n                  rowIdx={props.row.__index}\n                  style={tooltipStyle}\n                >\n                  {renderBasicCellContent(props)}\n                </TableCellTooltip>\n              );\n            };\n          }\n        }\n\n        result.columns.push({\n          field,\n          key: displayName,\n          name: displayName,\n          width,\n          headerCellClass,\n          frozen: Math.min(frozenColumns, numFrozenColsFullyInView) > i,\n          renderCell: renderCellContent,\n          renderHeaderCell: ({ column, sortDirection }) => (\n            <HeaderCell\n              column={column}\n              rows={rows}\n              field={field}\n              filter={filter}\n              setFilter={setFilter}\n              crossFilterOrder={crossFilterOrder}\n              crossFilterRows={crossFilterRows}\n              direction={sortDirection}\n              showTypeIcons={showTypeIcons}\n            />\n          ),\n          renderSummaryCell: () => (\n            <SummaryCell\n              rows={sortedRows}\n              footers={footers}\n              field={field}\n              colIdx={i}\n              textAlign={getSummaryCellTextAlign(textAlign, cellType)}\n              rowLabel={isUniformFooter && i === 0}\n              hideLabel={isUniformFooter && i !== 0}\n            />\n          ),\n        });\n      });\n\n      return result;\n    },\n    [\n      applyToRowBgFn,\n      crossFilterOrder,\n      crossFilterRows,\n      data,\n      disableSanitizeHtml,\n      filter,\n      footers,\n      frozenColumns,\n      getCellActions,\n      getCellColorInlineStyles,\n      getTextColorForBackground,\n      isUniformFooter,\n      maxRowHeight,\n      numFrozenColsFullyInView,\n      onCellFilterAdded,\n      rows,\n      rowHeight,\n      rowHeightFn,\n      setFilter,\n      sortedRows,\n      showTypeIcons,\n      theme,\n      timeRange,\n    ]\n  );\n\n  // set up the first row's nested data and the nest field widths using useColWidths to avoid\n  // unnecessary re-renders on re-size.\n  const firstRowNestedData = useMemo(\n    () => (hasNestedFrames ? rows.find((r) => r.data)?.data : undefined),\n    [hasNestedFrames, rows]\n  );\n  const [nestedFieldWidths] = useColWidths(firstRowNestedData?.fields ?? [], availableWidth);\n\n  const { columns, cellRootRenderers } = useMemo(() => {\n    const result = fromFields(visibleFields, widths);\n\n    // if nested frames are present, augment the columns to include the nested table expander column.\n    if (!firstRowNestedData) {\n      return result;\n    }\n\n    // pre-calculate renderRow and expandedColumns based on the first nested frame's fields.\n    const hasNestedHeaders = firstRowNestedData.meta?.custom?.noHeader !== true;\n    const renderRow = renderRowFactory(firstRowNestedData.fields, panelContext, expandedRows, enableSharedCrosshair);\n    const { columns: nestedColumns, cellRootRenderers: nestedCellRootRenderers } = fromFields(\n      firstRowNestedData.fields,\n      nestedFieldWidths\n    );\n\n    const expanderCellRenderer: CellRootRenderer = (key, props) => <Cell key={key} {...props} />;\n    result.cellRootRenderers[EXPANDED_COLUMN_KEY] = expanderCellRenderer;\n\n    // If we have nested frames, we need to add a column for the row expansion\n    result.columns.unshift(\n      buildNestedTableExpanderColumn(nestedColumns, hasNestedHeaders, {\n        renderRow,\n        renderCell: (key, props) => nestedCellRootRenderers[props.column.key](key, props),\n      })\n    );\n\n    return result;\n  }, [\n    buildNestedTableExpanderColumn,\n    enableSharedCrosshair,\n    expandedRows,\n    firstRowNestedData,\n    fromFields,\n    nestedFieldWidths,\n    panelContext,\n    visibleFields,\n    widths,\n  ]);\n\n  // invalidate columns on every structureRev change. this supports width editing in the fieldConfig.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const structureRevColumns = useMemo(() => columns, [columns, structureRev]);\n  const renderCellRoot: CellRootRenderer = useCallback(\n    (key, props) => cellRootRenderers[props.column.key](key, props),\n    [cellRootRenderers]\n  );\n\n  // we need to have variables with these exact names for the localization to work properly\n  const itemsRangeStart = pageRangeStart;\n  const displayedEnd = pageRangeEnd;\n  const numRows = sortedRows.length;\n\n  let rendered = (\n    <>\n      <DataGrid<TableRow, TableSummaryRow>\n        {...commonDataGridProps}\n        ref={gridRef}\n        className={styles.grid}\n        columns={structureRevColumns}\n        rows={paginatedRows}\n        headerRowClass={clsx(styles.headerRow, { [styles.displayNone]: noHeader })}\n        headerRowHeight={headerHeight}\n        onCellClick={({ column, row }, { clientX, clientY, preventGridDefault, target }) => {\n          // Note: could be column.field; JS says yes, but TS says no!\n          const field = columns[column.idx].field;\n\n          if (\n            target instanceof HTMLElement &&\n            // this walks up the tree to find either a faux link wrapper or the cell root\n            // it then only proceeds if we matched the faux link wrapper\n            target.closest('a[aria-haspopup], .rdg-cell')?.matches('a')\n          ) {\n            const rowIdx = row.__index;\n            setTooltipState({\n              coords: {\n                clientX,\n                clientY,\n              },\n              links: getCellLinks(field, rowIdx),\n              actions: getCellActions(field, rowIdx),\n            });\n\n            preventGridDefault();\n          }\n        }}\n        onCellKeyDown={\n          hasNestedFrames\n            ? (_, event) => {\n                if (event.isDefaultPrevented()) {\n                  // skip parent grid keyboard navigation if nested grid handled it\n                  event.preventGridDefault();\n                }\n              }\n            : null\n        }\n        renderers={{ renderRow, renderCell: renderCellRoot }}\n      />\n\n      {enablePagination && (\n        <div className={styles.paginationContainer}>\n          <Pagination\n            className=\"table-ng-pagination\"\n            currentPage={page + 1}\n            numberOfPages={numPages}\n            showSmallVersion={smallPagination}\n            onNavigate={(toPage) => {\n              setPage(toPage - 1);\n            }}\n          />\n          {!smallPagination && (\n            <div className={styles.paginationSummary}>\n              {/* TODO: once TableRT is deprecated, we can update the localiziation\n                    string with the more consistent variable names */}\n              <Trans i18nKey=\"grafana-ui.table.pagination-summary\">\n                {{ itemsRangeStart }} - {{ displayedEnd }} of {{ numRows }} rows\n              </Trans>\n            </div>\n          )}\n        </div>\n      )}\n\n      {tooltipState && (\n        <DataLinksActionsTooltip\n          links={tooltipState.links ?? []}\n          actions={tooltipState.actions}\n          coords={tooltipState.coords}\n          onTooltipClose={() => setTooltipState(undefined)}\n        />\n      )}\n\n      {inspectCell && (\n        <TableCellInspector\n          mode={inspectCell.mode ?? TableCellInspectorMode.text}\n          value={inspectCell.value}\n          onDismiss={() => setInspectCell(null)}\n        />\n      )}\n    </>\n  );\n\n  if (IS_SAFARI_26) {\n    rendered = <div className={styles.safariWrapper}>{rendered}</div>;\n  }\n\n  return rendered;\n}\n\n/**\n * this is passed to the top-level `renderRow` prop on DataGrid. applies aria attributes and custom event handlers.\n */\nconst renderRowFactory =\n  (fields: Field[], panelContext: PanelContext, expandedRows: Set<number>, enableSharedCrosshair: boolean) =>\n  // eslint-disable-next-line react/display-name\n  (key: React.Key, props: RenderRowProps<TableRow, TableSummaryRow>): React.ReactNode => {\n    const { row } = props;\n    const rowIdx = row.__index;\n    const isExpanded = expandedRows.has(rowIdx);\n\n    // Don't render non expanded child rows\n    if (row.__depth === 1 && !isExpanded) {\n      return null;\n    }\n\n    // Add aria-expanded to parent rows that have nested data\n    if (row.data) {\n      return <Row key={key} {...props} aria-expanded={isExpanded} />;\n    }\n\n    const handlers: Partial<typeof props> = {};\n    if (enableSharedCrosshair) {\n      const timeField = fields.find((f) => f.type === FieldType.time);\n      if (timeField) {\n        handlers.onMouseEnter = () => {\n          panelContext.eventBus.publish(\n            new DataHoverEvent({\n              point: {\n                time: timeField?.values[rowIdx],\n              },\n            })\n          );\n        };\n        handlers.onMouseLeave = () => {\n          panelContext.eventBus.publish(new DataHoverClearEvent());\n        };\n      }\n    }\n\n    return <Row key={key} {...props} {...handlers} />;\n  };\n"],"names":["_a","_b","_c","getTextColorForBackground","_getTextColorForBackground","footers","isUniformFooter","widths","width","renderCellRoot","props","height","result","renderRow"],"mappings":"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