@grafana/ui
Version:
Grafana Components Library
1 lines • 3.1 kB
Source Map (JSON)
{"version":3,"file":"TypeaheadInfo.mjs","sources":["../../../../src/components/Typeahead/TypeaheadInfo.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\n\nimport { GrafanaTheme2, renderMarkdown } from '@grafana/data';\n\nimport { useTheme2 } from '../../themes/ThemeContext';\nimport { CompletionItem } from '../../types/completion';\n\nconst getStyles = (theme: GrafanaTheme2, height: number, visible: boolean) => {\n return {\n typeaheadItem: css({\n label: 'type-ahead-item',\n zIndex: 11,\n padding: theme.spacing(1, 1, 1, 2),\n border: theme.colors.border.medium,\n overflowY: 'scroll',\n overflowX: 'hidden',\n outline: 'none',\n background: theme.colors.background.secondary,\n color: theme.colors.text.secondary,\n boxShadow: `0 0 20px ${theme.v1.colors.dropdownShadow}`,\n visibility: visible === true ? 'visible' : 'hidden',\n width: '250px',\n minHeight: `${height + parseInt(theme.spacing(0.25), 10)}px`,\n position: 'relative',\n wordBreak: 'break-word',\n }),\n };\n};\n\ninterface Props {\n item: CompletionItem;\n height: number;\n}\n\nexport const TypeaheadInfo = ({ item, height }: Props) => {\n const visible = item && !!item.documentation;\n const label = item ? item.label : '';\n const documentation = renderMarkdown(item?.documentation);\n const theme = useTheme2();\n const styles = getStyles(theme, height, visible);\n\n return (\n <div className={cx([styles.typeaheadItem])}>\n <b>{label}</b>\n <hr />\n <div dangerouslySetInnerHTML={{ __html: documentation }} />\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,MAAA,EAAgB,OAAA,KAAqB;AAC5E,EAAA,OAAO;AAAA,IACL,eAAe,GAAA,CAAI;AAAA,MACjB,KAAA,EAAO,iBAAA;AAAA,MACP,MAAA,EAAQ,EAAA;AAAA,MACR,SAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,MACjC,MAAA,EAAQ,KAAA,CAAM,MAAA,CAAO,MAAA,CAAO,MAAA;AAAA,MAC5B,SAAA,EAAW,QAAA;AAAA,MACX,SAAA,EAAW,QAAA;AAAA,MACX,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW,SAAA;AAAA,MACpC,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,MACzB,SAAA,EAAW,CAAA,SAAA,EAAY,KAAA,CAAM,EAAA,CAAG,OAAO,cAAc,CAAA,CAAA;AAAA,MACrD,UAAA,EAAY,OAAA,KAAY,IAAA,GAAO,SAAA,GAAY,QAAA;AAAA,MAC3C,KAAA,EAAO,OAAA;AAAA,MACP,SAAA,EAAW,GAAG,MAAA,GAAS,QAAA,CAAS,MAAM,OAAA,CAAQ,IAAI,CAAA,EAAG,EAAE,CAAC,CAAA,EAAA,CAAA;AAAA,MACxD,QAAA,EAAU,UAAA;AAAA,MACV,SAAA,EAAW;AAAA,KACZ;AAAA,GACH;AACF,CAAA;AAOO,MAAM,aAAA,GAAgB,CAAC,EAAE,IAAA,EAAM,QAAO,KAAa;AACxD,EAAA,MAAM,OAAA,GAAU,IAAA,IAAQ,CAAC,CAAC,IAAA,CAAK,aAAA;AAC/B,EAAA,MAAM,KAAA,GAAQ,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ,EAAA;AAClC,EAAA,MAAM,aAAA,GAAgB,cAAA,CAAe,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,aAAa,CAAA;AACxD,EAAA,MAAM,QAAQ,SAAA,EAAU;AACxB,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,EAAO,MAAA,EAAQ,OAAO,CAAA;AAE/C,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,CAAC,MAAA,CAAO,aAAa,CAAC,CAAA,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAG,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACT,IAAA,EAAA,EAAG,CAAA;AAAA,wBACH,KAAA,EAAA,EAAI,uBAAA,EAAyB,EAAE,MAAA,EAAQ,eAAc,EAAG;AAAA,GAAA,EAC3D,CAAA;AAEJ;;;;"}