chore(Foundation): Removing class adapter handling due to repetitive …

…renders #210

src/Checkbox/index.js

@@ -5,12 +5,7 @@ import * as React from 'react';
 import { MDCCheckbox } from '@material/checkbox/dist/mdc.checkbox';
 import FormField from '../FormField';
 import { simpleTag } from '../Base';
-import {
-  withFoundation,
-  addClass,
-  removeClass,
-  syncFoundationProp
-} from '../Base/MDCFoundation';
+import { withFoundation, syncFoundationProp } from '../Base/MDCFoundation';
 import { randomId } from '../Base/utils/randomId';
 
 export const CheckboxRoot = simpleTag({

src/Chip/index.js

@@ -5,7 +5,7 @@ import type { IconPropsT } from '../Icon';
 import * as React from 'react';
 import { Icon } from '../Icon';
 import { simpleTag } from '../Base';
-import { withFoundation, addClass, removeClass } from '../Base/MDCFoundation';
+import { withFoundation } from '../Base/MDCFoundation';
 
 import { MDCChip, MDCChipSet } from '@material/chips/dist/mdc.chips';
 import { MDCRipple } from '@material/ripple/dist/mdc.ripple';
@@ -33,10 +33,7 @@ export type ChipPropsT = {
 
 export class Chip extends withFoundation({
   constructor: MDCChip,
-  adapter: {
-    addClass: addClass(),
-    removeClass: removeClass()
-  }
+  adapter: {}
 })<ChipPropsT> {
   static displayName = 'Chip';
 
@@ -114,9 +111,9 @@ export const ChipIcon = (props: ChipIconPropsT) => {
     p.startsWith('on')
   );
   const trailingProps =
-    props.trailing || hasInteractionHandler ?
-      { role: 'button', tabIndex: 0 } :
-      {};
+    props.trailing || hasInteractionHandler
+      ? { role: 'button', tabIndex: 0 }
+      : {};
 
   return <ChipIconRoot {...trailingProps} {...props} />;
 };

src/Dialog/index.js

@@ -10,12 +10,7 @@ import {
 import Button from '../Button';
 import { simpleTag, noop } from '../Base';
 
-import {
-  withFoundation,
-  syncFoundationProp,
-  addClass,
-  removeClass
-} from '../Base/MDCFoundation';
+import { withFoundation, syncFoundationProp } from '../Base/MDCFoundation';
 
 export const DialogRoot = simpleTag({
   displayName: 'DialogRoot',
@@ -124,8 +119,6 @@ export type DialogPropsT = {
 export class Dialog extends withFoundation({
   constructor: MDCDialog,
   adapter: {
-    addClass: addClass(),
-    removeClass: removeClass(),
     notifyAccept: function() {
       const evt = this.emit(MDCDialogFoundation.strings.ACCEPT_EVENT);
       this.props.onClose && this.props.onClose(evt);

src/IconToggle/index.js

@@ -5,12 +5,7 @@ import * as React from 'react';
 import { MDCIconToggle } from '@material/icon-toggle/dist/mdc.iconToggle';
 import { Icon } from '../Icon';
 import { simpleTag, noop } from '../Base';
-import {
-  withFoundation,
-  syncFoundationProp,
-  addClass,
-  removeClass
-} from '../Base/MDCFoundation';
+import { withFoundation, syncFoundationProp } from '../Base/MDCFoundation';
 
 export type IconTogglePropsT = {
   /* prettier-ignore */
@@ -38,10 +33,7 @@ export const IconToggleRoot = simpleTag({
 
 export class IconToggle extends withFoundation({
   constructor: MDCIconToggle,
-  adapter: {
-    addClass: addClass(),
-    removeClass: removeClass()
-  }
+  adapter: {}
 })<IconTogglePropsT, {}> {
   static displayName = 'IconToggle';
   static defaultProps = {

src/Ripple/index.js

@@ -4,12 +4,7 @@ import ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { MDCRipple } from '@material/ripple/dist/mdc.ripple';
 
-import {
-  withFoundation,
-  addClass,
-  removeClass,
-  syncFoundationProp
-} from '../Base/MDCFoundation';
+import { withFoundation, syncFoundationProp } from '../Base/MDCFoundation';
 
 export type RipplePropsT = {
   /** Makes the ripple unbounded */
@@ -24,22 +19,19 @@ export type RipplePropsT = {
 
 export class Ripple extends withFoundation({
   constructor: MDCRipple,
-  adapter: {
-    addClass: addClass(),
-    removeClass: removeClass()
-  }
+  adapter: {}
 })<RipplePropsT> {
   static displayName = 'Ripple';
 
   componentDidMount() {
     // Ripples can be used with many types of components
-    // we need to use ReactDOM as an escape hatch to just find the DOMnode
+    // we need to use ReactDOM as an escape hatch to just find the DOMNode
     this.root_ = ReactDOM.findDOMNode(this);
     super.componentDidMount();
   }
 
   syncWithProps(nextProps: RipplePropsT) {
-    // We dont know how React might have changed our dom node, Regrab it.
+    // We dont know how React might have changed our dom node, re-grab it.
     this.root_ = ReactDOM.findDOMNode(this);
 
     // unbounded
@@ -71,9 +63,9 @@ export class Ripple extends withFoundation({
 
     const child = React.Children.only(children);
 
-    const unboundedProp = unbounded ?
-      { 'data-mdc-ripple-is-unbounded': true } :
-      {};
+    const unboundedProp = unbounded
+      ? { 'data-mdc-ripple-is-unbounded': true }
+      : {};
 
     return React.cloneElement(child, {
       ...child.props,

src/Select/index.js

@@ -3,12 +3,7 @@ import * as React from 'react';
 import { MDCSelect } from '@material/select/dist/mdc.select';
 import { simpleTag } from '../Base';
 import type { SimpleTagPropsT } from '../Base';
-import {
-  withFoundation,
-  addClass,
-  removeClass,
-  syncFoundationProp
-} from '../Base/MDCFoundation';
+import { withFoundation, syncFoundationProp } from '../Base/MDCFoundation';
 
 export const SelectRoot = simpleTag({
   displayName: 'SelectRoot',
@@ -100,8 +95,6 @@ const createSelectOptions = (options): Object[] => {
 export class Select extends withFoundation({
   constructor: MDCSelect,
   adapter: {
-    addClass: addClass(),
-    removeClass: removeClass(),
     getValue: function() {
       const value = this.nativeControl_.value;
       return value === '' && this.props.placeholder ? ' ' : value;

src/Slider/index.js

@@ -5,7 +5,6 @@ import { simpleTag } from '../Base';
 
 import {
   withFoundation,
-  addClass,
   removeClass,
   syncFoundationProp
 } from '../Base/MDCFoundation';
@@ -94,10 +93,7 @@ export class Slider extends withFoundation({
     'pinValueMarker_',
     'trackMarkerContainer_'
   ],
-  adapter: {
-    addClass: addClass(),
-    removeClass: removeClass()
-  }
+  adapter: {}
 })<SliderPropsT, {}> {
   static displayName = 'Slider';
 

src/TextField/index.js

@@ -10,12 +10,7 @@ import { FloatingLabel } from '../FloatingLabel';
 
 import type { SimpleTagPropsT } from '../Base';
 import type { IconPropsT } from '../Icon';
-import {
-  withFoundation,
-  addClass,
-  removeClass,
-  syncFoundationProp
-} from '../Base/MDCFoundation';
+import { withFoundation, syncFoundationProp } from '../Base/MDCFoundation';
 
 export const TextFieldRoot = simpleTag({
   displayName: 'TextFieldRoot',
@@ -162,10 +157,7 @@ export type TextFieldPropsT = {
 
 export class TextField extends withFoundation({
   constructor: MDCTextField,
-  adapter: {
-    addClass: addClass(),
-    removeClass: removeClass()
-  }
+  adapter: {}
 })<TextFieldPropsT> {
   static displayName = 'TextField';
 

src/TopAppBar/index.js

@@ -6,7 +6,7 @@ import { MDCTopAppBar } from '@material/top-app-bar/dist/mdc.topAppBar';
 
 import { Icon } from '../Icon';
 import { simpleTag } from '../Base';
-import { addClass, removeClass, withFoundation } from '../Base/MDCFoundation';
+import { withFoundation } from '../Base/MDCFoundation';
 
 export const TopAppBarRoot = simpleTag({
   displayName: 'TopAppBarRoot',
@@ -94,10 +94,7 @@ type TopAppAppBarPropsT = {
 /** A TopAppBar component */
 export class TopAppBar extends withFoundation({
   constructor: MDCTopAppBar,
-  adapter: {
-    addClass: addClass(),
-    removeClass: removeClass()
-  }
+  adapter: {}
 })<TopAppAppBarPropsT, {}> {
   static displayName = 'TopAppBar';