@grafana/ui/dist/esm/components/Select/MultiValue.mjs.map

Grafana Components Library

{"version":3,"file":"MultiValue.mjs","sources":["../../../../src/components/Select/MultiValue.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { t } from '@grafana/i18n';\n\nimport { useTheme2 } from '../../themes/ThemeContext';\nimport { IconButton, 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":[],"mappings":";;;;;;AAaO,MAAM,mBAAsB,GAAA,CAAC,EAAE,UAAA,EAAY,UAAkE,KAAA;AAClH,EAAA,MAAM,QAAQ,SAAU,EAAA;AACxB,EAAM,MAAA,MAAA,GAAS,gBAAgB,KAAK,CAAA;AAEpC,EAAA,2BACG,KAAK,EAAA,EAAA,GAAG,YAAY,SAAW,EAAA,MAAA,CAAO,qBACpC,QACH,EAAA,CAAA;AAEJ;AAMO,MAAM,gBAAmB,GAAA,CAAC,EAAE,QAAA,EAAU,YAAiE,KAAA;AAC5G,EAAA,MAAM,QAAQ,SAAU,EAAA;AACxB,EAAM,MAAA,MAAA,GAAS,gBAAgB,KAAK,CAAA;AACpC,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,IAAK,EAAA,OAAA;AAAA,MACL,IAAK,EAAA,IAAA;AAAA,MACL,WAAW,MAAO,CAAA,gBAAA;AAAA,MAClB,OAAA,EAAS,CAAE,CAAA,sCAAA,EAAwC,QAAQ;AAAA;AAAA,GAC7D;AAEJ;;;;"}