@grafana/ui/dist/esm/components/Forms/Legacy/Select/SelectOption.mjs.map

Grafana Components Library

{"version":3,"file":"SelectOption.mjs","sources":["../../../../../../src/components/Forms/Legacy/Select/SelectOption.tsx"],"sourcesContent":["import { components, OptionProps } from 'react-select';\n\nimport { Icon } from '../../../Icon/Icon';\n\n// https://github.com/JedWatson/react-select/issues/3038\nexport interface ExtendedOptionProps extends OptionProps<any, any> {\n  data: {\n    description?: string;\n    imgUrl?: string;\n  };\n}\n\nexport const SelectOption = (props: ExtendedOptionProps) => {\n  const { children, isSelected, data } = props;\n\n  return (\n    <components.Option {...props}>\n      <div className=\"gf-form-select-box__desc-option\">\n        {data.imgUrl && <img className=\"gf-form-select-box__desc-option__img\" src={data.imgUrl} alt=\"\" />}\n        <div className=\"gf-form-select-box__desc-option__body\">\n          <div>{children}</div>\n          {data.description && <div className=\"gf-form-select-box__desc-option__desc\">{data.description}</div>}\n        </div>\n        {isSelected && <Icon name=\"check\" aria-hidden=\"true\" />}\n      </div>\n    </components.Option>\n  );\n};\n\nexport default SelectOption;\n"],"names":[],"mappings":";;;;;AAYO,MAAM,YAAA,GAAe,CAAC,KAAA,KAA+B;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,IAAA,EAAK,GAAI,KAAA;AAEvC,EAAA,uBACE,GAAA,CAAC,WAAW,MAAA,EAAX,EAAmB,GAAG,KAAA,EACrB,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iCAAA,EACZ,QAAA,EAAA;AAAA,IAAA,IAAA,CAAK,MAAA,wBAAW,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAuC,GAAA,EAAK,IAAA,CAAK,MAAA,EAAQ,GAAA,EAAI,EAAA,EAAG,CAAA;AAAA,oBAC/F,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAK,QAAA,EAAS,CAAA;AAAA,MACd,KAAK,WAAA,oBAAe,GAAA,CAAC,SAAI,SAAA,EAAU,uCAAA,EAAyC,eAAK,WAAA,EAAY;AAAA,KAAA,EAChG,CAAA;AAAA,IACC,8BAAc,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,eAAY,MAAA,EAAO;AAAA,GAAA,EACvD,CAAA,EACF,CAAA;AAEJ;;;;"}