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

Grafana UI: Add forwardRef (#22466)

Browse Source
This commit is contained in:
Alex Khomenko 2020-02-27 12:24:36 +02:00 committed by GitHub
parent f92f657f17
commit 62d86c956f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/grafana-ui/src/components/Forms/TextArea/TextArea.tsx
View File

@ -1,4 +1,4 @@
import React, { FC, HTMLProps } from 'react'; import React, { HTMLProps, forwardRef } from 'react';
import { GrafanaTheme } from '@grafana/data'; import { GrafanaTheme } from '@grafana/data';
import { css, cx } from 'emotion'; import { css, cx } from 'emotion';
import { stylesFactory, useTheme } from '../../../themes'; import { stylesFactory, useTheme } from '../../../themes';
@ -26,13 +26,13 @@ const getTextAreaStyle = stylesFactory((theme: GrafanaTheme, invalid = false) =>
}; };
}); });
export const TextArea: FC<Props> = ({ invalid, size = 'auto', ...props }) => { export const TextArea = forwardRef<HTMLTextAreaElement, Props>(({ invalid, size = 'auto', ...props }, ref) => {
const theme = useTheme(); const theme = useTheme();
const styles = getTextAreaStyle(theme, invalid); const styles = getTextAreaStyle(theme, invalid);
return ( return (
<div className={inputSizes()[size]}> <div className={inputSizes()[size]}>
<textarea className={styles.textarea} {...props} /> <textarea ref={ref} className={styles.textarea} {...props} />
</div> </div>
); );
}; });