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

expand groups when searching

Browse Source
This commit is contained in:
Peter Holmberg 2018-11-16 14:40:24 +01:00
parent 2b8eab8c8c
commit 8ab86c2ceb
3 changed files with 8 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/app/core/components/Picker/Unit/UnitGroup.tsx
View File

@ -14,6 +14,14 @@ export default class UnitGroup extends PureComponent<ExtendedGroupProps, State>
expanded: false,
};
componentDidUpdate(nextProps) {
if (nextProps.selectProps.inputValue !== '') {
this.setState({ expanded: true });
} else {
this.setState({ expanded: false });
}
}
onToggleChildren = () => {
this.setState(prevState => ({
expanded: !prevState.expanded,

17
public/app/core/components/Picker/Unit/UnitMenu.tsx
View File

@ -1,17 +0,0 @@
import React, { SFC } from 'react';
import { components } from 'react-select';
import { MenuProps } from 'react-select/lib/components/Menu';
interface ExtendedMenuProps extends MenuProps<any> {
data: any;
}
const UnitMenu: SFC<ExtendedMenuProps> = props => {
return (
<components.Menu {...props}>
<div>{props.children}</div>
</components.Menu>
);
};
export default UnitMenu;

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

@ -2,7 +2,6 @@ import React, { PureComponent } from 'react';
import Select from 'react-select';
import UnitGroup from './UnitGroup';
import UnitOption from './UnitOption';
import UnitMenu from './UnitMenu';
import ResetStyles from '../ResetStyles';
import kbn from '../../../utils/kbn';
@ -51,7 +50,6 @@ export default class UnitPicker extends PureComponent<Props> {
components={{
Group: UnitGroup,
Option: UnitOption,
Menu: UnitMenu,
}}
styles={styles}
/>