@grafana/ui
Version:
Grafana Components Library
1 lines • 1.98 kB
Source Map (JSON)
{"version":3,"file":"MultiValue.cjs","sources":["../../../../src/components/Select/MultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { JSX } from 'react';\n\nimport { t } from '@grafana/i18n';\n\nimport { useTheme2 } from '../../themes/ThemeContext';\nimport { IconButton, type Props as IconButtonProps } from '../IconButton/IconButton';\n\nimport { getSelectStyles } from './getSelectStyles';\n\ninterface MultiValueContainerProps {\n innerProps: JSX.IntrinsicElements['div'];\n}\n\nexport const MultiValueContainer = ({ innerProps, children }: React.PropsWithChildren<MultiValueContainerProps>) => {\n const theme = useTheme2();\n const styles = getSelectStyles(theme);\n\n return (\n <div {...innerProps} className={styles.multiValueContainer}>\n {children}\n </div>\n );\n};\n\nexport type MultiValueRemoveProps = {\n innerProps: IconButtonProps;\n};\n\nexport const MultiValueRemove = ({ children, innerProps }: React.PropsWithChildren<MultiValueRemoveProps>) => {\n const theme = useTheme2();\n const styles = getSelectStyles(theme);\n return (\n <IconButton\n {...innerProps}\n name=\"times\"\n size=\"sm\"\n className={styles.multiValueRemove}\n tooltip={t('grafana-ui.select.multi-value-remove', 'Remove')}\n />\n );\n};\n"],"names":["useTheme2","getSelectStyles","jsx","IconButton","t"],"mappings":";;;;;;;;;;;AAcO,MAAM,mBAAA,GAAsB,CAAC,EAAE,UAAA,EAAY,UAAS,KAAyD;AAClH,EAAA,MAAM,QAAQA,sBAAA,EAAU;AACxB,EAAA,MAAM,MAAA,GAASC,gCAAgB,KAAK,CAAA;AAEpC,EAAA,sCACG,KAAA,EAAA,EAAK,GAAG,YAAY,SAAA,EAAW,MAAA,CAAO,qBACpC,QAAA,EACH,CAAA;AAEJ;AAMO,MAAM,gBAAA,GAAmB,CAAC,EAAE,QAAA,EAAU,YAAW,KAAsD;AAC5G,EAAA,MAAM,QAAQD,sBAAA,EAAU;AACxB,EAAA,MAAM,MAAA,GAASC,gCAAgB,KAAK,CAAA;AACpC,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,IAAA;AAAA,MACL,WAAW,MAAA,CAAO,gBAAA;AAAA,MAClB,OAAA,EAASC,MAAA,CAAE,sCAAA,EAAwC,QAAQ;AAAA;AAAA,GAC7D;AAEJ;;;;;"}