teamleader-ui - npm Package Compare versions

Comparing version 0.0.13-alpha to 0.0.14-alpha

components/popover/Popover.js

 import React, { Component, PropTypes } from 'react';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { throttle } from 'lodash';
@@ -25,2 +25,4 @@ import ActivableRenderer from '../hoc/ActivableRenderer';
       children: PropTypes.node,
+      className : PropTypes.string,
+      direction: PropTypes.string.isRequired,
       onCloseClick: PropTypes.func,
@@ -32,2 +34,3 @@ onEscKeyDown: PropTypes.func,
       onOverlayMouseUp: PropTypes.func,
+      position: PropTypes.string.isRequired,
       theme: PropTypes.shape({
@@ -48,5 +51,4 @@ active: PropTypes.string,
       title: PropTypes.string,
+      showHeader: PropTypes.bool.isRequired,
       subtitle: React.PropTypes.oneOfType([ React.PropTypes.object, React.PropTypes.string ]),
-      position: PropTypes.string.isRequired,
-      direction: PropTypes.string.isRequired,
     };
@@ -58,2 +60,3 @@
       backdrop: 'dark',
+      showHeader: true,
     };
@@ -97,3 +100,3 @@
       const { anchorEl, direction, position } = this.props;
-      const targetEl = document.querySelectorAll(`[data-teamleader-ui="popover-${axis}"]`)[0];
+      const targetEl = document.querySelectorAll(`[data-teamleader-ui="popover-${axis}"]`)[ 0 ];
 
@@ -115,5 +118,3 @@ this.setState(
         children,
-        subtitle,
-        theme,
-        title,
+        className,
         onCloseClick,
@@ -125,6 +126,10 @@ onOverlayClick,
         onOverlayMouseUp,
+        subtitle,
+        showHeader,
+        theme,
+        title,
       } = this.props;
 
       const actionButtons = actions.map((action, idx) => {
-        const className = classnames(
+        const className = cx(
           theme.button,
@@ -136,6 +141,6 @@ {
 
-        return <Button key={idx} {...action} className={className} />; // eslint-disable-line
+        return <Button key={idx} {...action} className={className}/>; // eslint-disable-line
       });
 
-      const className = classnames(
+      const customClassName = cx(
         [
@@ -146,3 +151,4 @@ theme.popover,
           [theme.active]: active,
-        }
+        },
+        className
       );
@@ -166,23 +172,19 @@
             data-teamleader-ui={`popover-${axis}`}
-            className={className}
+            className={customClassName}
             style={{ left: `${left}px`, top: `${top}px` }}
           >
-            <div className={theme.arrow} style={{ left : `${arrowLeft}px`, top : `${arrowTop}px` }} />
-            <header className={theme.header}>
-              {title
-                ? <h6 className={theme.title}>{title}</h6>
-                : null
-              }
-              {subtitle
-                ? <p className={theme.subtitle}>{subtitle}</p>
-                : null
-              }
-              <Button icon="close" className={theme.close} onMouseUp={onCloseClick} />
-            </header>
+            <div className={theme.arrow} style={{ left: `${arrowLeft}px`, top: `${arrowTop}px` }} />
+            {showHeader &&
+              <header className={theme.header}>
+                { title && <h6 className={theme.title}>{title}</h6> }
+                { subtitle && <p className={theme.subtitle}>{subtitle}</p> }
+                <Button icon="close" className={theme.close} onMouseUp={onCloseClick} />
+              </header>
+            }
             <section role="body" className={theme.body}>
               {children}
             </section>
-            {actionButtons.length
+            { actionButtons.length
               ? <nav role="navigation" className={theme.navigation}>
-                {actionButtons}
+                { actionButtons }
               </nav>
@@ -189,0 +191,0 @@ : null

lib/button/Button.js

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/Button.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js';
 import React, { Component, PropTypes } from 'react';
@@ -187,7 +187,7 @@ import classnames from 'classnames';
 
-  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
+  __REACT_HOT_LOADER__.register(Button, 'Button', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/Button.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js');
 }();
 
 ;

lib/button/IconButton.js

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js';
 import React, { Component, PropTypes } from 'react';
@@ -168,9 +168,9 @@ import classnames from 'classnames';
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
 
-  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js');
 }();
 
 ;

lib/button/index.js

@@ -25,11 +25,11 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(IconButton, 'IconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedButton, 'ThemedButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(ThemedButton, 'ThemedButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedIconButton, 'ThemedIconButton', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(ThemedIconButton, 'ThemedIconButton', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/button/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/button/index.js');
 }();
 
 ;

lib/dialog/Dialog.js

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js';
 import React, { Component, PropTypes } from 'react';
@@ -184,9 +184,9 @@ import classnames from 'classnames';
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js');
 
-  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
+  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js');
 }();
 
 ;

lib/dialog/index.js

@@ -21,9 +21,9 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
+  __REACT_HOT_LOADER__.register(Dialog, 'Dialog', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedDialog, 'ThemedDialog', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
+  __REACT_HOT_LOADER__.register(ThemedDialog, 'ThemedDialog', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/dialog/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/index.js');
 }();
 
 ;

lib/font_icon/FontIcon.js

 import _extends from 'babel-runtime/helpers/extends';
 import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js';
 import React, { PropTypes } from 'react';
@@ -49,7 +49,7 @@ import cx from 'classnames';
 
-  __REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
+  __REACT_HOT_LOADER__.register(FontIcon, 'FontIcon', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js');
 }();
 
 ;

lib/font_icon/index.js

@@ -13,5 +13,5 @@ import FontIcon from './FontIcon.js';
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/font_icon/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/index.js');
 }();
 
 ;

lib/hoc/ActivableRenderer.js

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js';
 import React, { Component, PropTypes } from 'react';
@@ -119,7 +119,7 @@
 
-  __REACT_HOT_LOADER__.register(ActivableRendererFactory, 'ActivableRendererFactory', '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js');
+  __REACT_HOT_LOADER__.register(ActivableRendererFactory, 'ActivableRendererFactory', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js');
 }();
 
 ;

lib/hoc/Portal.js

@@ -6,3 +6,3 @@ import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js';
 import React, { Component, PropTypes } from 'react';
@@ -155,9 +155,9 @@ import ReactDOM from 'react-dom';
 
-  __REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(Portal, 'Portal', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
 
-  __REACT_HOT_LOADER__.register(getContainer, 'getContainer', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(getContainer, 'getContainer', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js');
 }();
 
 ;

lib/identifiers.js

@@ -15,17 +15,17 @@ export var BUTTON = 'TLButton';
 
-  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(BUTTON, 'BUTTON', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(DIALOG, 'DIALOG', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(DIALOG, 'DIALOG', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(LOADING_MOLECULE, 'LOADING_MOLECULE', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(MENU, 'MENU', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(MENU, 'MENU', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(OVERLAY, 'OVERLAY', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(OVERLAY, 'OVERLAY', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(POPOVER_VERTICAL, 'POPOVER_VERTICAL', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(POPOVER_VERTICAL, 'POPOVER_VERTICAL', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 
-  __REACT_HOT_LOADER__.register(POPOVER_HORIZONTAL, 'POPOVER_HORIZONTAL', '/Users/dries/Sites/teamleader-ui/components/identifiers.js');
+  __REACT_HOT_LOADER__.register(POPOVER_HORIZONTAL, 'POPOVER_HORIZONTAL', '/Users/nickwaelkens/Projects/teamleader-ui/components/identifiers.js');
 }();
 
 ;

lib/loadingMolecule/index.js

@@ -22,9 +22,9 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
+  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedLoadingMolecule, 'ThemedLoadingMolecule', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
+  __REACT_HOT_LOADER__.register(ThemedLoadingMolecule, 'ThemedLoadingMolecule', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/index.js');
 }();
 
 ;

lib/loadingMolecule/LoadingMolecule.js

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
 import React, { Component, PropTypes } from 'react';
@@ -185,7 +185,7 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(LoadingMolecule, 'LoadingMolecule', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
+  __REACT_HOT_LOADER__.register(LoadingMolecule, 'LoadingMolecule', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js');
 }();
 
 ;

lib/menu/IconMenu.js

@@ -8,3 +8,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js';
 import React, { Component, PropTypes } from 'react';
@@ -159,9 +159,9 @@ import classnames from 'classnames';
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
 
-  __REACT_HOT_LOADER__.register(IconMenu, 'IconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(IconMenu, 'IconMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js');
 }();
 
 ;

lib/menu/index.js

@@ -32,15 +32,15 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(applyTheme, 'applyTheme', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedMenuDivider, 'ThemedMenuDivider', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedMenuDivider, 'ThemedMenuDivider', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedMenuItem, 'ThemedMenuItem', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedMenuItem, 'ThemedMenuItem', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedMenu, 'ThemedMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedMenu, 'ThemedMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/index.js');
 }();
 
 ;

lib/menu/Menu.js

@@ -8,3 +8,3 @@ import _Object$keys from 'babel-runtime/core-js/object/keys';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js';
 import React, { Component, PropTypes } from 'react';
@@ -349,11 +349,11 @@ import ReactDOM from 'react-dom';
 
-  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(POSITION, 'POSITION', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(Menu, 'Menu', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(Menu, 'Menu', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js');
 }();
 
 ;

lib/menu/MenuDivider.js

@@ -1,2 +0,2 @@
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js';
 import React, { PropTypes } from 'react';
@@ -32,7 +32,7 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(MenuDivider, 'MenuDivider', '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js');
+  __REACT_HOT_LOADER__.register(MenuDivider, 'MenuDivider', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js');
 }();
 
 ;

lib/menu/MenuItem.js

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js';
 import React, { Component, PropTypes } from 'react';
@@ -143,9 +143,9 @@ import classnames from 'classnames';
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
 
-  __REACT_HOT_LOADER__.register(MenuItem, 'MenuItem', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(MenuItem, 'MenuItem', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js');
 }();
 
 ;

lib/overlay/index.js

@@ -17,7 +17,7 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(ThemedOverlay, 'ThemedOverlay', '/Users/dries/Sites/teamleader-ui/components/overlay/index.js');
+  __REACT_HOT_LOADER__.register(ThemedOverlay, 'ThemedOverlay', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/index.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/overlay/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/index.js');
 }();
 
 ;

lib/overlay/Overlay.js

@@ -9,3 +9,3 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js';
 import React, { Component, PropTypes } from 'react';
@@ -164,7 +164,7 @@ import classnames from 'classnames';
 
-  __REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js');
+  __REACT_HOT_LOADER__.register(Overlay, 'Overlay', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js');
 }();
 
 ;

lib/popover/index.js

@@ -18,7 +18,7 @@ import { themr } from 'react-css-themr';
 
-  __REACT_HOT_LOADER__.register(ThemedPopoverVertical, 'ThemedPopoverVertical', '/Users/dries/Sites/teamleader-ui/components/popover/index.js');
+  __REACT_HOT_LOADER__.register(ThemedPopoverVertical, 'ThemedPopoverVertical', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/index.js');
 
-  __REACT_HOT_LOADER__.register(ThemedPopoverHorizontal, 'ThemedPopoverHorizontal', '/Users/dries/Sites/teamleader-ui/components/popover/index.js');
+  __REACT_HOT_LOADER__.register(ThemedPopoverHorizontal, 'ThemedPopoverHorizontal', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/index.js');
 }();
 
 ;

lib/popover/Popover.js

@@ -8,5 +8,5 @@ import _extends from 'babel-runtime/helpers/extends';
 import _inherits from 'babel-runtime/helpers/inherits';
-var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js';
+var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js';
 import React, { Component, PropTypes } from 'react';
-import classnames from 'classnames';
+import cx from 'classnames';
 import { throttle } from 'lodash';
@@ -93,5 +93,3 @@ import ActivableRenderer from '../hoc/ActivableRenderer';
             children = _props2.children,
-            subtitle = _props2.subtitle,
-            theme = _props2.theme,
-            title = _props2.title,
+            className = _props2.className,
             onCloseClick = _props2.onCloseClick,
@@ -102,11 +100,15 @@ onOverlayClick = _props2.onOverlayClick,
             onOverlayMouseMove = _props2.onOverlayMouseMove,
-            onOverlayMouseUp = _props2.onOverlayMouseUp;
+            onOverlayMouseUp = _props2.onOverlayMouseUp,
+            subtitle = _props2.subtitle,
+            showHeader = _props2.showHeader,
+            theme = _props2.theme,
+            title = _props2.title;
 
 
         var actionButtons = actions.map(function (action, idx) {
-          var className = classnames(theme.button, _defineProperty({}, action.className, action.className));
+          var className = cx(theme.button, _defineProperty({}, action.className, action.className));
 
           return React.createElement(Button, _extends({ key: idx }, action, { className: className, __source: {
               fileName: _jsxFileName,
-              lineNumber: 129
+              lineNumber: 134
             }
@@ -116,3 +118,3 @@ })); // eslint-disable-line
 
-        var className = classnames([theme.popover], _defineProperty({}, theme.active, active));
+        var customClassName = cx([theme.popover], _defineProperty({}, theme.active, active), className);
 
@@ -123,3 +125,3 @@ return React.createElement(
               fileName: _jsxFileName,
-              lineNumber: 142
+              lineNumber: 148
             }
@@ -140,3 +142,3 @@ },
               fileName: _jsxFileName,
-              lineNumber: 143
+              lineNumber: 149
             }
@@ -148,7 +150,7 @@ }),
               'data-teamleader-ui': 'popover-' + axis,
-              className: className,
+              className: customClassName,
               style: { left: left + 'px', top: top + 'px' },
               __source: {
                 fileName: _jsxFileName,
-                lineNumber: 155
+                lineNumber: 161
               }
@@ -158,33 +160,33 @@ },
                 fileName: _jsxFileName,
-                lineNumber: 160
+                lineNumber: 166
               }
             }),
-            React.createElement(
+            showHeader && React.createElement(
               'header',
               { className: theme.header, __source: {
                   fileName: _jsxFileName,
-                  lineNumber: 161
+                  lineNumber: 168
                 }
               },
-              title ? React.createElement(
+              title && React.createElement(
                 'h6',
                 { className: theme.title, __source: {
                     fileName: _jsxFileName,
-                    lineNumber: 163
+                    lineNumber: 169
                   }
                 },
                 title
-              ) : null,
-              subtitle ? React.createElement(
+              ),
+              subtitle && React.createElement(
                 'p',
                 { className: theme.subtitle, __source: {
                     fileName: _jsxFileName,
-                    lineNumber: 167
+                    lineNumber: 170
                   }
                 },
                 subtitle
-              ) : null,
+              ),
               React.createElement(Button, { icon: 'close', className: theme.close, onMouseUp: onCloseClick, __source: {
                   fileName: _jsxFileName,
-                  lineNumber: 170
+                  lineNumber: 171
                 }
@@ -197,3 +199,3 @@ })
                   fileName: _jsxFileName,
-                  lineNumber: 172
+                  lineNumber: 174
                 }
@@ -207,3 +209,3 @@ },
                   fileName: _jsxFileName,
-                  lineNumber: 176
+                  lineNumber: 178
                 }
@@ -231,2 +233,4 @@ },
     children: PropTypes.node,
+    className: PropTypes.string,
+    direction: PropTypes.string.isRequired,
     onCloseClick: PropTypes.func,
@@ -238,2 +242,3 @@ onEscKeyDown: PropTypes.func,
     onOverlayMouseUp: PropTypes.func,
+    position: PropTypes.string.isRequired,
     theme: PropTypes.shape({
@@ -254,5 +259,4 @@ active: PropTypes.string,
     title: PropTypes.string,
-    subtitle: React.PropTypes.oneOfType([React.PropTypes.object, React.PropTypes.string]),
-    position: PropTypes.string.isRequired,
-    direction: PropTypes.string.isRequired
+    showHeader: PropTypes.bool.isRequired,
+    subtitle: React.PropTypes.oneOfType([React.PropTypes.object, React.PropTypes.string])
   };
@@ -262,3 +266,4 @@ Popover.defaultProps = {
     active: true,
-    backdrop: 'dark'
+    backdrop: 'dark',
+    showHeader: true
   };
@@ -280,9 +285,9 @@
 
-  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
+  __REACT_HOT_LOADER__.register(factory, 'factory', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js');
 
-  __REACT_HOT_LOADER__.register(PopoverHorizontal, 'PopoverHorizontal', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
+  __REACT_HOT_LOADER__.register(PopoverHorizontal, 'PopoverHorizontal', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js');
 
-  __REACT_HOT_LOADER__.register(PopoverVertical, 'PopoverVertical', '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js');
+  __REACT_HOT_LOADER__.register(PopoverVertical, 'PopoverVertical', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js');
 }();
 
 ;

lib/popover/positionCalculation.js

@@ -231,43 +231,43 @@ import _extends from 'babel-runtime/helpers/extends';
 
-  __REACT_HOT_LOADER__.register(ARROW_OFFSET, 'ARROW_OFFSET', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(ARROW_OFFSET, 'ARROW_OFFSET', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(POPUP_OFFSET, 'POPUP_OFFSET', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(POPUP_OFFSET, 'POPUP_OFFSET', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(getAnchorPosition, 'getAnchorPosition', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(getAnchorPosition, 'getAnchorPosition', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(getTargetPosition, 'getTargetPosition', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(getTargetPosition, 'getTargetPosition', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionMiddle, 'positionMiddle', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionMiddle, 'positionMiddle', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionTop, 'positionTop', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionTop, 'positionTop', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionBottom, 'positionBottom', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionBottom, 'positionBottom', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionWest, 'directionWest', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionWest, 'directionWest', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionEast, 'directionEast', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionEast, 'directionEast', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updateHorizontalDirectionIfNeeded, 'updateHorizontalDirectionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updateHorizontalDirectionIfNeeded, 'updateHorizontalDirectionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updateHorizontalPositionIfNeeded, 'updateHorizontalPositionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updateHorizontalPositionIfNeeded, 'updateHorizontalPositionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionCenter, 'positionCenter', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionCenter, 'positionCenter', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionLeft, 'positionLeft', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionLeft, 'positionLeft', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(positionRight, 'positionRight', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(positionRight, 'positionRight', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionNorth, 'directionNorth', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionNorth, 'directionNorth', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(directionSouth, 'directionSouth', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(directionSouth, 'directionSouth', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updateDirectionIfNeeded, 'updateDirectionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updateDirectionIfNeeded, 'updateDirectionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(updatePositionIfNeeded, 'updatePositionIfNeeded', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(updatePositionIfNeeded, 'updatePositionIfNeeded', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(calculateHorizontalPositions, 'calculateHorizontalPositions', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(calculateHorizontalPositions, 'calculateHorizontalPositions', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 
-  __REACT_HOT_LOADER__.register(calculateVerticalPositions, 'calculateVerticalPositions', '/Users/dries/Sites/teamleader-ui/components/popover/positionCalculation.js');
+  __REACT_HOT_LOADER__.register(calculateVerticalPositions, 'calculateVerticalPositions', '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/positionCalculation.js');
 }();
 
 ;

lib/utils/events.js

@@ -88,9 +88,9 @@ var _default = {
 
-  __REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(TRANSITIONS, 'TRANSITIONS', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
 
-  __REACT_HOT_LOADER__.register(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(transitionEventNamesFor, 'transitionEventNamesFor', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/events.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/events.js');
 }();
 
 ;

lib/utils/index.js

@@ -18,5 +18,5 @@ import events from './events.js';
 
-  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/utils/index.js');
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/nickwaelkens/Projects/teamleader-ui/components/utils/index.js');
 }();
 
 ;

lib/utils/utils.js

@@ -14,5 +14,5 @@ export var getViewport = function getViewport() {
 
-  __REACT_HOT_LOADER__.register(getViewport, "getViewport", "/Users/dries/Sites/teamleader-ui/components/utils/utils.js");
+  __REACT_HOT_LOADER__.register(getViewport, "getViewport", "/Users/nickwaelkens/Projects/teamleader-ui/components/utils/utils.js");
 }();
 
 ;

package.json

 {
   "name": "teamleader-ui",
   "description": "Teamleader UI library",
-  "version": "0.0.13-alpha",
+  "version": "0.0.14-alpha",
   "author": "Teamleader <[e-mail]>",
@@ -6,0 +6,0 @@ "betterScripts": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

7526

increased by0.09%

Worsened metrics

Total package byte prevSize

300164

decreased by-40.69%

Number of package files

115

decreased by-0.86%

No dependency changes