feat(Dropdown): add render prop to hte head

8base · Jun 28, 2019 · c857925 · c857925
1 parent 16a171c
commit c857925
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/Button/Button.theme.js b/src/components/Button/Button.theme.js
@@ -119,7 +119,6 @@ const [ButtonTag, theme] = createThemeTag(name, ({ COLORS, SIZES }: *) => ({
       },
       ghost: {
         backgroundColor: 'transparent',
-        color: COLORS.BLACK,
       },
     },
 

diff --git a/src/components/Dropdown/DropdownHead.js b/src/components/Dropdown/DropdownHead.js
@@ -37,9 +37,9 @@ const DropdownHead = dropdownHeadEnhancer(
   class DropdownHead extends PureComponent<DropdownHeadPropsEnhanced> {
 
   onClick = (event: MouseEvent) => {
-    const { dropdown: { toggleDropdown }, disabled, stopClickPropagation, onClick } = this.props;
+    const { dropdown: { toggleDropdown }, disabled, stopClickPropagation, onClick, children } = this.props;
 
-    if (!!disabled) {
+    if (!!disabled || typeof children === 'function') {
       return;
     }
 

diff --git a/src/components/Dropdown/__snapshots__/Dropdowon.test.js.snap b/src/components/Dropdown/__snapshots__/Dropdowon.test.js.snap
@@ -32,6 +32,7 @@ exports[`<Dropdown /> should render dropdown 1`] = `
                     Object {
                       "closeDropdown": undefined,
                       "isOpen": false,
+                      "openDropdown": undefined,
                       "outsideClickIgnoreClass": "ignore-react-onclickoutside-0",
                       "targetWidth": undefined,
                       "toggleDropdown": [Function],
@@ -85,6 +86,7 @@ exports[`<Dropdown /> should render dropdown 1`] = `
                     Object {
                       "closeDropdown": undefined,
                       "isOpen": false,
+                      "openDropdown": undefined,
                       "outsideClickIgnoreClass": "ignore-react-onclickoutside-0",
                       "targetWidth": undefined,
                       "toggleDropdown": [Function],
@@ -96,6 +98,7 @@ exports[`<Dropdown /> should render dropdown 1`] = `
                       Object {
                         "closeDropdown": undefined,
                         "isOpen": false,
+                        "openDropdown": undefined,
                         "outsideClickIgnoreClass": "ignore-react-onclickoutside-0",
                         "targetWidth": undefined,
                         "toggleDropdown": [Function],
@@ -121,6 +124,7 @@ exports[`<Dropdown /> should render dropdown 1`] = `
                         Object {
                           "closeDropdown": undefined,
                           "isOpen": false,
+                          "openDropdown": undefined,
                           "outsideClickIgnoreClass": "ignore-react-onclickoutside-0",
                           "targetWidth": undefined,
                           "toggleDropdown": [Function],
-Original file line number
+Diff line change
@@ Expand Up @@
           },
           ghost: {
             backgroundColor: 'transparent',
-            color: COLORS.BLACK,
           },
         },
@@ Expand Down @@