feat(Dropdown): add disabled prop to the dropdown head

8base · May 21, 2019 · ac57b5c · ac57b5c
1 parent 255b86d
commit ac57b5c
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/src/components/Dropdown/DropdownHead.js b/src/components/Dropdown/DropdownHead.js
@@ -16,6 +16,8 @@ type DropdownHeadProps = {
   stopClickPropagation?: boolean,
   /** onClick callback. When exists then disalbe auto toogle dropdown on click */
   onClick?: (MouseEvent) => void,
+  /** Prevent toggle action */
+  disabled?: boolean,
 }
 
 
@@ -31,7 +33,11 @@ const DropdownHead = dropdownHeadEnhancer(
   class DropdownHead extends PureComponent<DropdownHeadPropsEnhanced> {
 
   onClick = (event: MouseEvent) => {
-    const { dropdown: { toggleDropdown }, stopClickPropagation, onClick } = this.props;
+    const { dropdown: { toggleDropdown }, disabled, stopClickPropagation, onClick } = this.props;
+
+    if (!!disabled) {
+      return;
+    }
 
     if (typeof onClick === 'function') {
       onClick(event);

diff --git a/src/components/Dropdown/Dropdowon.test.js b/src/components/Dropdown/Dropdowon.test.js
@@ -85,6 +85,22 @@ describe('<Dropdown />', () => {
   });
 
 
+  it('shouldn\'t open and close dropdwon when disabled=true', () => {
+    const wrapper = mount(
+      <Dropdown>
+        <Dropdown.Head disabled>Head</Dropdown.Head>
+        <Dropdown.Body>
+          <div className="body">Body</div>
+        </Dropdown.Body>
+      </Dropdown>,
+    );
+    expect(wrapper.find('.body')).toHaveLength(0);
+
+    wrapper.find(Dropdown.Head).simulate('click');
+    expect(wrapper.find('.body')).toHaveLength(0);
+  });
+
+
   it('should render with function in body', () => {
     const onCloseDropdown = jest.fn();