From e99ffaabd2689aa708a8533e68a918601f573718 Mon Sep 17 00:00:00 2001
From: Theofanis Despoudis <thdespou@hotmail.com>
Date: Mon, 1 Apr 2019 16:19:28 +0100
Subject: [PATCH] Converted `EuiFormErrorText` to TS (#1772)

* [Pagination] - Updated Changelog

* Code Review - Moved Changelog entry to current master

* [META] - Converted  to TS + tests

* Code review fixes

* [META] - Converted  to TS

* Updated Changelog

* EuiFormErrorText - Code review fixes
---
 CHANGELOG.md                                  |  2 +-
 ....js.snap => form_error_text.test.tsx.snap} |  0
 .../form/form_error_text/form_error_text.js   | 22 -------------------
 ..._text.test.js => form_error_text.test.tsx} |  9 +++-----
 .../form/form_error_text/form_error_text.tsx  | 16 ++++++++++++++
 src/components/form/form_error_text/index.js  |  3 ---
 src/components/form/form_error_text/index.ts  |  1 +
 7 files changed, 21 insertions(+), 32 deletions(-)
 rename src/components/form/form_error_text/__snapshots__/{form_error_text.test.js.snap => form_error_text.test.tsx.snap} (100%)
 delete mode 100644 src/components/form/form_error_text/form_error_text.js
 rename src/components/form/form_error_text/{form_error_text.test.js => form_error_text.test.tsx} (52%)
 create mode 100644 src/components/form/form_error_text/form_error_text.tsx
 delete mode 100644 src/components/form/form_error_text/index.js
 create mode 100644 src/components/form/form_error_text/index.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fcbd00b2c13..05f6d98af8c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `9.7.1`.
+- Converted `EuiFormErrorText` to TS ([#1772](https://github.com/elastic/eui/pull/1772))
 
 ## [`9.7.1`](https://github.com/elastic/eui/tree/v9.7.1)
 
diff --git a/src/components/form/form_error_text/__snapshots__/form_error_text.test.js.snap b/src/components/form/form_error_text/__snapshots__/form_error_text.test.tsx.snap
similarity index 100%
rename from src/components/form/form_error_text/__snapshots__/form_error_text.test.js.snap
rename to src/components/form/form_error_text/__snapshots__/form_error_text.test.tsx.snap
diff --git a/src/components/form/form_error_text/form_error_text.js b/src/components/form/form_error_text/form_error_text.js
deleted file mode 100644
index 35bc3eaa8d3..00000000000
--- a/src/components/form/form_error_text/form_error_text.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-
-export const EuiFormErrorText = ({ children, className, ...rest }) => {
-  const classes = classNames('euiFormErrorText', className);
-
-  return (
-    <div
-      className={classes}
-      aria-live="polite"
-      {...rest}
-    >
-      {children}
-    </div>
-  );
-};
-
-EuiFormErrorText.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-};
diff --git a/src/components/form/form_error_text/form_error_text.test.js b/src/components/form/form_error_text/form_error_text.test.tsx
similarity index 52%
rename from src/components/form/form_error_text/form_error_text.test.js
rename to src/components/form/form_error_text/form_error_text.test.tsx
index 1444531a6c9..0232ad6ee04 100644
--- a/src/components/form/form_error_text/form_error_text.test.js
+++ b/src/components/form/form_error_text/form_error_text.test.tsx
@@ -1,18 +1,15 @@
 import React from 'react';
 import { render } from 'enzyme';
-import { requiredProps } from '../../../test/required_props';
+import { requiredProps } from '../../../test';
 
 import { EuiFormErrorText } from './form_error_text';
 
 describe('EuiFormErrorText', () => {
   test('is rendered', () => {
     const component = render(
-      <EuiFormErrorText {...requiredProps}>
-        This is an error.
-      </EuiFormErrorText>
+      <EuiFormErrorText {...requiredProps}>This is an error.</EuiFormErrorText>
     );
 
-    expect(component)
-      .toMatchSnapshot();
+    expect(component).toMatchSnapshot();
   });
 });
diff --git a/src/components/form/form_error_text/form_error_text.tsx b/src/components/form/form_error_text/form_error_text.tsx
new file mode 100644
index 00000000000..535b6a75989
--- /dev/null
+++ b/src/components/form/form_error_text/form_error_text.tsx
@@ -0,0 +1,16 @@
+import React, { FunctionComponent, HTMLAttributes } from 'react';
+
+import classNames from 'classnames';
+import { CommonProps } from '../../common';
+
+export const EuiFormErrorText: FunctionComponent<
+  CommonProps & HTMLAttributes<HTMLDivElement>
+> = ({ children, className, ...rest }) => {
+  const classes = classNames('euiFormErrorText', className);
+
+  return (
+    <div className={classes} aria-live="polite" {...rest}>
+      {children}
+    </div>
+  );
+};
diff --git a/src/components/form/form_error_text/index.js b/src/components/form/form_error_text/index.js
deleted file mode 100644
index a1654a0ac29..00000000000
--- a/src/components/form/form_error_text/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export {
-  EuiFormErrorText,
-} from './form_error_text';
diff --git a/src/components/form/form_error_text/index.ts b/src/components/form/form_error_text/index.ts
new file mode 100644
index 00000000000..b0fd3c27565
--- /dev/null
+++ b/src/components/form/form_error_text/index.ts
@@ -0,0 +1 @@
+export { EuiFormErrorText } from './form_error_text';