Chore: minor code cleanups

This commit is contained in:
Matias Chomicki 2022-09-20 12:13:32 +02:00
parent c3a62ac72d
commit 35d2c3b7ed
3 changed files with 6 additions and 14 deletions

View File

@ -6869,8 +6869,7 @@ exports[`better eslint`] = {
],
"public/app/plugins/datasource/loki/components/LokiQueryField.tsx:5381": [
[0, 0, 0, "Do not use any type assertions.", "0"],
[0, 0, 0, "Do not use any type assertions.", "1"],
[0, 0, 0, "Do not use any type assertions.", "2"]
[0, 0, 0, "Do not use any type assertions.", "1"]
],
"public/app/plugins/datasource/loki/configuration/ConfigEditor.tsx:5381": [
[0, 0, 0, "Unexpected any. Specify a different type.", "0"]

View File

@ -189,9 +189,7 @@ export class LokiQueryField extends React.PureComponent<LokiQueryFieldProps, Lok
} = this.props;
const { labelsLoaded, labelBrowserVisible } = this.state;
const lokiLanguageProvider = datasource.languageProvider as LokiLanguageProvider;
const cleanText = datasource.languageProvider ? lokiLanguageProvider.cleanText : undefined;
const hasLogLabels = lokiLanguageProvider.getLabelKeys().length > 0;
const hasLogLabels = datasource.languageProvider.getLabelKeys().length > 0;
const chooserText = getChooserText(labelsLoaded, hasLogLabels);
const buttonDisabled = !(labelsLoaded && hasLogLabels);
@ -225,7 +223,7 @@ export class LokiQueryField extends React.PureComponent<LokiQueryFieldProps, Lok
) : (
<QueryField
additionalPlugins={this.plugins}
cleanText={cleanText}
cleanText={datasource.languageProvider.cleanText}
query={query.expr}
onTypeahead={this.onTypeahead}
onWillApplySuggestion={willApplySuggestion}
@ -241,7 +239,7 @@ export class LokiQueryField extends React.PureComponent<LokiQueryFieldProps, Lok
{labelBrowserVisible && (
<div className="gf-form">
<LokiLabelBrowser
languageProvider={lokiLanguageProvider}
languageProvider={datasource.languageProvider}
onChange={this.onChangeLabelBrowser}
lastUsedLabels={lastUsedLabels || []}
storeLastUsedLabels={onLastUsedLabelsSave}

View File

@ -76,11 +76,10 @@ const getStyles = (theme: GrafanaTheme2) => {
};
};
const MonacoQueryField = (props: Props) => {
const MonacoQueryField = ({ languageProvider, history, onBlur, onRunQuery, initialValue }: Props) => {
// we need only one instance of `overrideServices` during the lifetime of the react component
const overrideServicesRef = useRef(getOverrideServices());
const containerRef = useRef<HTMLDivElement>(null);
const { languageProvider, history, onBlur, onRunQuery, initialValue } = props;
const langProviderRef = useLatest(languageProvider);
const historyRef = useLatest(history);
@ -194,9 +193,5 @@ const MonacoQueryField = (props: Props) => {
);
};
// we will lazy-load this module using React.lazy,
// and that only supports default-exports,
// so we have to default-export this, even if
// it is against the style-guidelines.
// Default export for lazy load.
export default MonacoQueryField;