Fix for tabIndex prop handling (#572)

* fix(tabindex): tabindex attribute is no longer set to the container <div>

Wrong handling of the tabIndex prop #570

* style(space): removed extra space before comment in generate.tsx

#570

Author: morellodev

src/generate.tsx

@@ -280,6 +280,7 @@ export default function generateSelector<
       notFoundContent = 'Not Found',
       optionLabelProp,
       backfill,
+      tabIndex,
       getInputElement,
       getPopupContainer,
 

tests/Multiple.test.tsx

@@ -443,4 +443,23 @@ describe('Select.Multiple', () => {
 
     expect(wrapper.find('Input').prop('editable')).toBeTruthy();
   });
+
+  it('correctly handles the `tabIndex` prop', () => {
+    const wrapper = mount(
+      <Select mode="multiple" options={[{ value: 'bamboo' }, { value: 'light' }]} tabIndex={0} />,
+    );
+    expect(
+      wrapper
+        .find('.rc-select')
+        .getDOMNode()
+        .getAttribute('tabindex'),
+    ).toBeNull();
+
+    expect(
+      wrapper
+        .find('input.rc-select-selection-search-input')
+        .getDOMNode()
+        .getAttribute('tabindex'),
+    ).toBe('0');
+  });
 });

tests/Select.test.tsx

@@ -1650,4 +1650,21 @@ describe('Select.Basic', () => {
         .text(),
     ).toBe('Communicated');
   });
+
+  it('correctly handles the `tabIndex` prop', () => {
+    const wrapper = mount(<Select tabIndex={0} />);
+    expect(
+      wrapper
+        .find('.rc-select')
+        .getDOMNode()
+        .getAttribute('tabindex'),
+    ).toBeNull();
+
+    expect(
+      wrapper
+        .find('input.rc-select-selection-search-input')
+        .getDOMNode()
+        .getAttribute('tabindex'),
+    ).toBe('0');
+  });
 });

tests/Tags.test.tsx

@@ -399,4 +399,21 @@ describe('Select.Tags', () => {
     expect(errSpy).not.toHaveBeenCalled();
     errSpy.mockRestore();
   });
+
+  it('correctly handles the `tabIndex` prop', () => {
+    const wrapper = mount(<Select mode="tags" tabIndex={0} />);
+    expect(
+      wrapper
+        .find('.rc-select')
+        .getDOMNode()
+        .getAttribute('tabindex'),
+    ).toBeNull();
+
+    expect(
+      wrapper
+        .find('input.rc-select-selection-search-input')
+        .getDOMNode()
+        .getAttribute('tabindex'),
+    ).toBe('0');
+  });
 });