feat(cssModules): adding missing classes (#271)

skoranga · eddywashere · commit e8e818b9af85 · 2017-01-06T12:19:19.000-08:00
* adding missing and cleaning up cssModule

* adding more className under cssModule
diff --git a/src/Modal.js b/src/Modal.js
@@ -184,7 +184,7 @@ class Modal extends React.Component {
             transitionLeaveTimeout={300}
             onClickCapture={this.handleBackdropClick}
             onKeyUp={this.handleEscape}
-            className="modal"
+            className={mapToCssModules('modal', cssModule)}
             style={{ display: 'block' }}
             tabIndex="-1"
           >
@@ -196,7 +196,7 @@ class Modal extends React.Component {
               ref={(c) => (this._dialog = c)}
               {...attributes}
             >
-              <div className="modal-content">
+              <div className={mapToCssModules('modal-content', cssModule)}>
                 {children}
               </div>
             </div>
@@ -208,7 +208,7 @@ class Modal extends React.Component {
             transitionAppearTimeout={150}
             transitionEnterTimeout={150}
             transitionLeaveTimeout={150}
-            className="modal-backdrop"
+            className={mapToCssModules('modal-backdrop', cssModule)}
           />
         )}
       </TransitionGroup>
diff --git a/src/ModalBody.js b/src/ModalBody.js
@@ -8,13 +8,17 @@ const propTypes = {
 };
 
 const ModalBody = (props) => {
+  const {
+    className,
+    cssModule,
+    ...attributes } = props;
   const classes = mapToCssModules(classNames(
-    props.className,
+    className,
     'modal-body'
-  ), props.cssModule);
+  ), cssModule);
 
   return (
-    <div {...props} className={classes} />
+    <div {...attributes} className={classes} />
   );
 };
 
diff --git a/src/ModalFooter.js b/src/ModalFooter.js
@@ -8,13 +8,17 @@ const propTypes = {
 };
 
 const ModalFooter = (props) => {
+  const {
+    className,
+    cssModule,
+    ...attributes } = props;
   const classes = mapToCssModules(classNames(
-    props.className,
+    className,
     'modal-footer'
-  ), props.cssModule);
+  ), cssModule);
 
   return (
-    <div {...props} className={classes} />
+    <div {...attributes} className={classes} />
   );
 };
 
diff --git a/src/ModalHeader.js b/src/ModalHeader.js
@@ -36,7 +36,7 @@ const ModalHeader = (props) => {
   return (
     <div {...attributes} className={classes}>
       {closeButton}
-      <h4 className="modal-title">
+      <h4 className={mapToCssModules('modal-title', cssModule)}>
         {children}
       </h4>
     </div>
diff --git a/src/Popover.js b/src/Popover.js
@@ -66,7 +66,7 @@ class Popover extends React.Component {
 
     return (
       <TetherContent
-        className="popover"
+        className={mapToCssModules('popover', this.props.cssModule)}
         tether={tetherConfig}
         tetherRef={this.props.tetherRef}
         isOpen={this.props.isOpen}
