@grafana/ui/dist/cjs/components/VizTooltip/VizTooltipHeader.cjs.map

Grafana Components Library

{"version":3,"file":"VizTooltipHeader.cjs","sources":["../../../../src/components/VizTooltip/VizTooltipHeader.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { type GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nimport { VizTooltipRow } from './VizTooltipRow';\nimport { type VizTooltipItem } from './types';\n\n/** @alpha */\nexport interface VizTooltipHeaderProps {\n  /** The item to display in the header row, typically the x-axis or time value. */\n  item: VizTooltipItem;\n  /**\n   * Whether the tooltip is currently pinned (locked open by the user).\n   * When pinned, the label and value become clickable to copy their text to the clipboard.\n   * Defaults to `false`.\n   */\n  isPinned?: boolean;\n}\n\n/** @alpha */\nexport const VizTooltipHeader = ({\n  item: { label, value, color, colorIndicator },\n  isPinned = false,\n}: VizTooltipHeaderProps) => {\n  const styles = useStyles2(getStyles);\n  return (\n    <div className={styles}>\n      <VizTooltipRow\n        label={label}\n        value={value}\n        color={color}\n        colorIndicator={colorIndicator}\n        marginRight={'22px'}\n        isPinned={isPinned}\n      />\n    </div>\n  );\n};\n\nconst getStyles = (theme: GrafanaTheme2) =>\n  css({\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    padding: theme.spacing(1),\n    lineHeight: 1,\n  });\n"],"names":["useStyles2","jsx","VizTooltipRow","css"],"mappings":";;;;;;;;;;AAsBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,IAAA,EAAM,EAAE,KAAA,EAAO,KAAA,EAAO,OAAO,cAAA,EAAe;AAAA,EAC5C,QAAA,GAAW;AACb,CAAA,KAA6B;AAC3B,EAAA,MAAM,MAAA,GAASA,wBAAW,SAAS,CAAA;AACnC,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,EACd,QAAA,kBAAAA,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA,EAAa,MAAA;AAAA,MACb;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KACjBC,OAAA,CAAI;AAAA,EACF,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,IAAA,EAAM,CAAA;AAAA,EACN,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EACxB,UAAA,EAAY;AACd,CAAC,CAAA;;;;"}