Form migrations: Final components to LegacyForms (#23707)

* FormField to LegacyForms

* FormLabel to InlineFormLabel

* Move SecretFormField to LeagcyForms
This commit is contained in:
Tobias Skarhed
2020-04-21 11:42:21 +02:00
committed by GitHub
parent b7809918f0
commit 7e4292508f
42 changed files with 155 additions and 138 deletions

View File

@@ -1,6 +1,6 @@
import React, { ChangeEvent, PureComponent } from 'react';
import { e2e } from '@grafana/e2e';
import { FormLabel, LegacyForms } from '@grafana/ui';
import { InlineFormLabel, LegacyForms } from '@grafana/ui';
const { Switch } = LegacyForms;
import templateSrv from '../../templating/template_srv';
@@ -145,9 +145,9 @@ export class QueryVariableEditorUnConnected extends PureComponent<Props, State>
</div>
<div className="gf-form max-width-22">
<FormLabel width={10} tooltip={'When to update the values of this variable.'}>
<InlineFormLabel width={10} tooltip={'When to update the values of this variable.'}>
Refresh
</FormLabel>
</InlineFormLabel>
<div className="gf-form-select-wrapper width-15">
<select
className="gf-form-input"
@@ -181,12 +181,12 @@ export class QueryVariableEditorUnConnected extends PureComponent<Props, State>
)}
<div className="gf-form">
<FormLabel
<InlineFormLabel
width={10}
tooltip={'Optional, if you want to extract part of a series name or metric node segment.'}
>
Regex
</FormLabel>
</InlineFormLabel>
<input
type="text"
className="gf-form-input"
@@ -198,9 +198,9 @@ export class QueryVariableEditorUnConnected extends PureComponent<Props, State>
/>
</div>
<div className="gf-form max-width-21">
<FormLabel width={10} tooltip={'How to sort the values of this variable.'}>
<InlineFormLabel width={10} tooltip={'How to sort the values of this variable.'}>
Sort
</FormLabel>
</InlineFormLabel>
<div className="gf-form-select-wrapper max-width-14">
<select
className="gf-form-input"