Dropdown disabled style inconsistent

[ajhenry]

• components: Dropdown
• reactstrap version 8.0.0
• import method umd/csj/es
• react version 16.8.6
• bootstrap version 4.3.1

What is happening?

On a Dropdown component, there is a prop to disable it. But when the disabled prop is applied, there is no indication that the dropdown is disabled.

The Dropdown can still be opened even when it is disabled and this does not match the rest of the disabled behaviors on components like Button, Input, etc..

From the docs

Dropdown.propTypes = {
  disabled: PropTypes.bool,
  ...other props
};

What should be happening?

The Dropdown should have the disabled state applied and be inaccessible.

Steps to reproduce issue

Just apply the disabled prop to any Dropdown component

Error message in console

N/A

Code

Check out the codesandbox here

[TheSharpieOne]

The issue is that the dropdown context toggle is referencing the user defined toggle directly and not the Dropdown toggle which does the disabled check.

We also probably need to be exposing disabled on the context so that the button can pick it up to be visually disabled.

Workaround: add disabled to the DropdownToggle.