{"version":3,"file":"SelectColumn.mjs","sources":["../../../../src/components/visual-query-builder/SelectColumn.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { type SelectableValue } from '@grafana/data';\nimport { selectors } from '@grafana/e2e-selectors';\nimport { t } from '@grafana/i18n';\nimport { EditorField } from '@grafana/plugin-ui';\nimport { Select } from '@grafana/ui';\n\ninterface Props {\n  columns: Array<SelectableValue<string>>;\n  onParameterChange: (value?: string) => void;\n  value: SelectableValue<string> | null;\n}\n\nexport function SelectColumn({ columns, onParameterChange, value }: Props) {\n  const selectInputId = useId();\n\n  return (\n    <EditorField label={t('grafana-sql.components.select-column.label-column', 'Column')} width={25}>\n      <Select\n        value={value}\n        data-testid={selectors.components.SQLQueryEditor.selectColumn}\n        inputId={selectInputId}\n        menuShouldPortal\n        options={[{ label: '*', value: '*' }, ...columns]}\n        allowCustomValue\n        onChange={(s) => onParameterChange(s.value)}\n      />\n    </EditorField>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO,SAAS,YAAA,CAAa,EAAE,OAAA,EAAS,iBAAA,EAAmB,OAAM,EAAU;AACzE,EAAA,MAAM,gBAAgB,KAAA,EAAM;AAE5B,EAAA,uBACE,GAAA,CAAC,eAAY,KAAA,EAAO,CAAA,CAAE,qDAAqD,QAAQ,CAAA,EAAG,OAAO,EAAA,EAC3F,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,aAAA,EAAa,SAAA,CAAU,UAAA,CAAW,cAAA,CAAe,YAAA;AAAA,MACjD,OAAA,EAAS,aAAA;AAAA,MACT,gBAAA,EAAgB,IAAA;AAAA,MAChB,OAAA,EAAS,CAAC,EAAE,KAAA,EAAO,KAAK,KAAA,EAAO,GAAA,EAAI,EAAG,GAAG,OAAO,CAAA;AAAA,MAChD,gBAAA,EAAgB,IAAA;AAAA,MAChB,QAAA,EAAU,CAAC,CAAA,KAAM,iBAAA,CAAkB,EAAE,KAAK;AAAA;AAAA,GAC5C,EACF,CAAA;AAEJ;;;;"}