fix(TextInputProps): forwarding unknown props

Author: mrlaessig

__tests__/AutocompleteInput.spec.tsx

@@ -94,4 +94,30 @@ describe('<AutocompleteInput />', () => {
     render(<TestForwardRefComponent />);
     expect(ref!.current?.constructor.name).toBe('TextInput');
   });
+
+  it('should only pass text input props to the TextInput', () => {
+    const MockTextInput = jest.fn(() => null) as unknown as jest.Mock<ReactElement>;
+
+    render(
+      <Autocomplete
+        data={[]}
+        placeholder="Enter search"
+        renderResultList={() => <></>}
+        renderTextInput={MockTextInput}
+      />,
+    );
+
+    expect(MockTextInput).toHaveBeenCalledWith({
+      placeholder: 'Enter search',
+      ref: null,
+      style: [
+        {
+          backgroundColor: 'white',
+          height: 40,
+          paddingLeft: 3,
+        },
+        undefined,
+      ],
+    });
+  });
 });

index.tsx

@@ -39,9 +39,23 @@ export const AutocompleteInput = React.forwardRef(function AutocompleteInputComp
   ref: React.ForwardedRef<Ref>,
 ): React.ReactElement {
   const defaultRenderItems: ListRenderItem<Item> = ({ item }) => <Text>{String(item)}</Text>;
-  function renderResultList(): React.ReactElement {
-    const { data, renderResultList: renderFunction = DefaultResultList, flatListProps } = props;
 
+  const {
+    data,
+    containerStyle,
+    hideResults,
+    inputContainerStyle,
+    listContainerStyle,
+    onShowResults,
+    onStartShouldSetResponderCapture = () => false,
+    renderResultList: renderResultListFunction = DefaultResultList,
+    renderTextInput: renderTextInputFunction = DefaultTextInput,
+    flatListProps,
+    style,
+    ...textInputProps
+  } = props;
+
+  function renderResultList(): React.ReactElement {
     const listProps: FlatListProps<Item> = {
       data,
       renderItem: defaultRenderItems,
@@ -50,30 +64,19 @@ export const AutocompleteInput = React.forwardRef(function AutocompleteInputComp
       style: [styles.list, flatListProps?.style],
     };
 
-    return renderFunction(listProps);
+    return renderResultListFunction(listProps);
   }
 
   function renderTextInput() {
-    const { renderTextInput: renderFunction = DefaultTextInput, style } = props;
-    const textProps = {
-      ...props,
+    const renderProps = {
+      ...textInputProps,
       style: [styles.input, style],
       ref,
     };
 
-    return renderFunction(textProps);
+    return renderTextInputFunction(renderProps);
   }
 
-  const {
-    data,
-    containerStyle,
-    hideResults,
-    inputContainerStyle,
-    listContainerStyle,
-    onShowResults,
-    onStartShouldSetResponderCapture = () => false,
-  } = props;
-
   const showResults = data.length > 0;
   onShowResults?.(showResults);