IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

default value

Browse Source
This commit is contained in:
Peter Holmberg 2018-11-16 16:35:42 +01:00
parent 0f4131b8d7
commit 02d8ffda5b
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/app/core/components/Picker/Unit/UnitPicker.tsx
View File

@ -15,7 +15,9 @@ export default class UnitPicker extends PureComponent<Props> {
const { defaultValue, onSelected } = this.props; const { defaultValue, onSelected } = this.props;
const unitGroups = kbn.getUnitFormats(); const unitGroups = kbn.getUnitFormats();
const options = unitGroups.map(group => {
// Need to transform the data structure to work well with Select
const groupOptions = unitGroups.map(group => {
const options = group.submenu.map(unit => { const options = group.submenu.map(unit => {
return { return {
label: unit.text, label: unit.text,
@ -37,13 +39,12 @@ export default class UnitPicker extends PureComponent<Props> {
}), }),
menuList: () => menuList: () =>
({ ({
WebkitOverflowScrolling: 'touch',
overflowY: 'auto', overflowY: 'auto',
position: 'relative', position: 'relative',
} as React.CSSProperties), } as React.CSSProperties),
}; };
const value = options.map(group => { const value = groupOptions.map(group => {
return group.options.find(option => option.value === defaultValue); return group.options.find(option => option.value === defaultValue);
}); });
@ -53,7 +54,7 @@ export default class UnitPicker extends PureComponent<Props> {
className="width-20 gf-form-input--form-dropdown" className="width-20 gf-form-input--form-dropdown"
defaultValue={value} defaultValue={value}
isSearchable={true} isSearchable={true}
options={options} options={groupOptions}
placeholder="Choose" placeholder="Choose"
onChange={onSelected} onChange={onSelected}
components={{ components={{