{"version":3,"file":"RawQuery.cjs","sources":["../../../../src/querybuilder/shared/RawQuery.tsx"],"sourcesContent":["// Core Grafana history https://github.com/grafana/grafana/blob/v11.0.0-preview/public/app/plugins/datasource/prometheus/querybuilder/shared/RawQuery.tsx\nimport { css, cx } from '@emotion/css';\nimport Prism, { type Grammar } from 'prismjs';\n\nimport { type GrafanaTheme2 } from '@grafana/data';\nimport { t } from '@grafana/i18n';\nimport { useTheme2 } from '@grafana/ui';\n\ninterface Props {\n  query: string;\n  lang: {\n    grammar: Grammar;\n    name: string;\n  };\n  className?: string;\n}\n\nexport function RawQuery({ query, lang, className }: Props) {\n  const theme = useTheme2();\n  const styles = getStyles(theme);\n  const highlighted = Prism.highlight(query, lang.grammar, lang.name);\n\n  return (\n    <div\n      className={cx(styles.editorField, 'prism-syntax-highlight', className)}\n      aria-label={t('grafana-prometheus.querybuilder.raw-query.aria-label-selector', 'selector')}\n      dangerouslySetInnerHTML={{ __html: highlighted }}\n    />\n  );\n}\n\nconst getStyles = (theme: GrafanaTheme2) => {\n  return {\n    editorField: css({\n      fontFamily: theme.typography.fontFamilyMonospace,\n      fontSize: theme.typography.bodySmall.fontSize,\n    }),\n  };\n};\n"],"names":["useTheme2","Prism","jsx","cx","t","css"],"mappings":";;;;;;;;;;;;;;;AAiBO,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,IAAA,EAAM,WAAU,EAAU;AAC1D,EAAA,MAAM,QAAQA,YAAA,EAAU;AACxB,EAAA,MAAM,MAAA,GAAS,UAAU,KAAK,CAAA;AAC9B,EAAA,MAAM,cAAcC,sBAAA,CAAM,SAAA,CAAU,OAAO,IAAA,CAAK,OAAA,EAAS,KAAK,IAAI,CAAA;AAElE,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,MAAA,CAAG,MAAA,CAAO,WAAA,EAAa,0BAA0B,SAAS,CAAA;AAAA,MACrE,YAAA,EAAYC,MAAA,CAAE,+DAAA,EAAiE,UAAU,CAAA;AAAA,MACzF,uBAAA,EAAyB,EAAE,MAAA,EAAQ,WAAA;AAAY;AAAA,GACjD;AAEJ;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAyB;AAC1C,EAAA,OAAO;AAAA,IACL,aAAaC,OAAA,CAAI;AAAA,MACf,UAAA,EAAY,MAAM,UAAA,CAAW,mBAAA;AAAA,MAC7B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,SAAA,CAAU;AAAA,KACtC;AAAA,GACH;AACF,CAAA;;;;"}