@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":";;;;AAYa,MAAA,YAAA,GAAe,CAAC,KAA+B,KAAA;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA;AAEvC,EACE,uBAAA,GAAA,CAAC,WAAW,MAAX,EAAA,EAAmB,GAAG,KACrB,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iCACZ,EAAA,QAAA,EAAA;AAAA,IAAK,IAAA,CAAA,MAAA,wBAAW,KAAI,EAAA,EAAA,SAAA,EAAU,wCAAuC,GAAK,EAAA,IAAA,CAAK,MAAQ,EAAA,GAAA,EAAI,EAAG,EAAA,CAAA;AAAA,oBAC/F,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,uCACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,SAAK,QAAS,EAAA,CAAA;AAAA,MACd,KAAK,WAAe,oBAAA,GAAA,CAAC,SAAI,SAAU,EAAA,uCAAA,EAAyC,eAAK,WAAY,EAAA;AAAA,KAChG,EAAA,CAAA;AAAA,IACC,8BAAe,GAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,OAAA,EAAQ,eAAY,MAAO,EAAA;AAAA,GAAA,EACvD,CACF,EAAA,CAAA;AAEJ;;;;"}