@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,SAAY,GAAA,CAAC,KAAsB,EAAA,MAAA,EAAgB,OAAqB,KAAA;AAC5E,EAAO,OAAA;AAAA,IACL,eAAe,GAAI,CAAA;AAAA,MACjB,KAAO,EAAA,iBAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,MACjC,MAAA,EAAQ,KAAM,CAAA,MAAA,CAAO,MAAO,CAAA,MAAA;AAAA,MAC5B,SAAW,EAAA,QAAA;AAAA,MACX,SAAW,EAAA,QAAA;AAAA,MACX,OAAS,EAAA,MAAA;AAAA,MACT,UAAA,EAAY,KAAM,CAAA,MAAA,CAAO,UAAW,CAAA,SAAA;AAAA,MACpC,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,MACzB,SAAW,EAAA,CAAA,SAAA,EAAY,KAAM,CAAA,EAAA,CAAG,OAAO,cAAc,CAAA,CAAA;AAAA,MACrD,UAAA,EAAY,OAAY,KAAA,IAAA,GAAO,SAAY,GAAA,QAAA;AAAA,MAC3C,KAAO,EAAA,OAAA;AAAA,MACP,SAAA,EAAW,GAAG,MAAS,GAAA,QAAA,CAAS,MAAM,OAAQ,CAAA,IAAI,CAAG,EAAA,EAAE,CAAC,CAAA,EAAA,CAAA;AAAA,MACxD,QAAU,EAAA,UAAA;AAAA,MACV,SAAW,EAAA;AAAA,KACZ;AAAA,GACH;AACF,CAAA;AAOO,MAAM,aAAgB,GAAA,CAAC,EAAE,IAAA,EAAM,QAAoB,KAAA;AACxD,EAAA,MAAM,OAAU,GAAA,IAAA,IAAQ,CAAC,CAAC,IAAK,CAAA,aAAA;AAC/B,EAAM,MAAA,KAAA,GAAQ,IAAO,GAAA,IAAA,CAAK,KAAQ,GAAA,EAAA;AAClC,EAAM,MAAA,aAAA,GAAgB,cAAe,CAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAM,aAAa,CAAA;AACxD,EAAA,MAAM,QAAQ,SAAU,EAAA;AACxB,EAAA,MAAM,MAAS,GAAA,SAAA,CAAU,KAAO,EAAA,MAAA,EAAQ,OAAO,CAAA;AAE/C,EACE,uBAAA,IAAA,CAAC,SAAI,SAAW,EAAA,EAAA,CAAG,CAAC,MAAO,CAAA,aAAa,CAAC,CACvC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAG,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,wBACT,IAAG,EAAA,EAAA,CAAA;AAAA,wBACH,KAAI,EAAA,EAAA,uBAAA,EAAyB,EAAE,MAAA,EAAQ,eAAiB,EAAA;AAAA,GAC3D,EAAA,CAAA;AAEJ;;;;"}