Do not pass 'helperText' down to 'TextInput'

__tests__/TextField.tsx

@@ -157,6 +157,14 @@ test('<TextField> - renders a label', () => {
   );
 });
 
+test('<TextField> - renders a help', () => {
+  const element = <TextField required={false} name="x" helperText="y"/>;
+  const wrapper = mount(element, createContext({ x: { type: String } }));
+
+  expect(wrapper.find('div.pf-c-form__helper-text')).toHaveLength(1);
+  expect(wrapper.find('div.pf-c-form__helper-text').text()).toBe('y');
+});
+
 test('<TextField> - renders a wrapper with unknown props', () => {
   const element = <TextField name="x" data-x="x" data-y="y" data-z="z" />;
   const wrapper = mount(element, createContext({ x: { type: String } }));

package.json

@@ -1,6 +1,6 @@
 {
   "name": "uniforms-patternfly",
-  "version": "4.7.5",
+  "version": "4.7.6",
   "description": "Patternfly forms for uniforms",
   "repository": "[email protected]:aerogear/uniforms-patternfly.git",
   "author": "Gianluca <[email protected]>",

src/TextField.tsx

@@ -18,6 +18,7 @@ export type TextFieldProps = {
   disabled: boolean;
   error?: boolean;
   errorMessage?: string;
+  helperText?: string;
   field?: { format: string };
 } & Omit<TextInputProps, 'isDisabled'>;
 
@@ -114,6 +115,9 @@ const Text = (props: TextFieldProps) => {
     [props.disabled, props.onChange]
   );
 
+  // https://github.com/aerogear/uniforms-patternfly/issues/106
+  const {helperText, ...withoutHelperTextProps} = props;
+
   return wrapField(
     props,
     props.type === 'date' || props.field?.format === 'date' ? (
@@ -168,7 +172,7 @@ const Text = (props: TextFieldProps) => {
         ref={props.inputRef}
         type={props.type ?? 'text'}
         value={props.value ?? ''}
-        {...filterDOMProps(props)}
+        {...filterDOMProps(withoutHelperTextProps)}
       />
     )
   );