Refactor of DataListToolbar. Creates a number of smaller components used by the toolbar. Adds support for passing in an add button node to the toolbar.

src/components/ExpandCollapse/ExpandCollapse.jsx

@@ -0,0 +1,67 @@
+import React, { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { I18n } from '@lingui/react';
+import { t } from '@lingui/macro';
+import {
+  Button,
+  ToolbarItem
+} from '@patternfly/react-core';
+import {
+  BarsIcon,
+  EqualsIcon,
+} from '@patternfly/react-icons';
+
+const ToolbarActiveStyle = {
+  backgroundColor: '#007bba',
+  color: 'white',
+  padding: '0 5px',
+};
+
+class ExpandCollapse extends React.Component {
+  render () {
+    const {
+      onCompact,
+      onExpand,
+      isCompact
+    } = this.props;
+
+    return (
+      <I18n>
+        {({ i18n }) => (
+          <Fragment>
+            <ToolbarItem>
+              <Button
+                variant="plain"
+                aria-label={i18n._(t`Collapse`)}
+                onClick={onCompact}
+                style={isCompact ? ToolbarActiveStyle : null}
+              >
+                <BarsIcon />
+              </Button>
+            </ToolbarItem>
+            <ToolbarItem>
+              <Button
+                variant="plain"
+                aria-label={i18n._(t`Expand`)}
+                onClick={onExpand}
+                style={!isCompact ? ToolbarActiveStyle : null}
+              >
+                <EqualsIcon />
+              </Button>
+            </ToolbarItem>
+          </Fragment>
+        )}
+      </I18n>
+    );
+  }
+}
+
+ExpandCollapse.propTypes = {
+  onCompact: PropTypes.func.isRequired,
+  onExpand: PropTypes.func.isRequired,
+  isCompact: PropTypes.bool.isRequired
+};
+
+ExpandCollapse.defaultProps = {};
+
+export default ExpandCollapse;

src/components/ExpandCollapse/index.js

@@ -0,0 +1,3 @@
+import ExpandCollapse from './ExpandCollapse';
+
+export default ExpandCollapse;