New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

teamleader-ui

Package Overview
Dependencies
Maintainers
3
Versions
35
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

teamleader-ui - npm Package Compare versions

Comparing version 0.0.9-alpha to 0.0.10-alpha

yarn.lock

127

build/webpack.config.js

@@ -15,3 +15,2 @@ const webpack = require('webpack');

const __PROD__ = config.globals.__PROD__;
const __STAGING__ = config.globals.__STAGING__;
const __TEST__ = config.globals.__TEST__;

@@ -25,4 +24,4 @@

resolve: {
root: paths.client(),
extensions: [ '', '.js', '.jsx', '.json' ]
modules: [ paths.client(), 'node_modules' ],
extensions: [ '.js', '.jsx', '.json' ]
},

@@ -41,5 +40,8 @@ module: {}

: [ APP_ENTRY ],
vendor: config.compiler_vendors
};
if (config.compiler_vendors.length) {
webpackConfig.entry.vendor = config.compiler_vendors;
}
// ------------------------------------

@@ -76,15 +78,27 @@ // Bundle Output

new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
new webpack.NoEmitOnErrorsPlugin()
);
} else if (__STAGING__ || __PROD__) {
} else if (__PROD__) {
debug('Enable plugins for production (OccurenceOrder, Dedupe & UglifyJS).');
webpackConfig.plugins.push(
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.optimize.DedupePlugin(),
new webpack.LoaderOptionsPlugin({
minimize: true,
debug: false,
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false,
screw_ie8: true,
conditionals: true,
unused: true,
comparisons: true,
sequences: true,
dead_code: true,
warnings: false
}
evaluate: true,
if_return: true,
join_vars: true,
},
output: {
comments: false,
},
})

@@ -107,10 +121,9 @@ );

// JavaScript / JSON
webpackConfig.module.loaders = [ {
webpackConfig.module.rules = [ {
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel',
query: config.compiler_babel
loader: 'babel-loader',
}, {
test: /\.json$/,
loader: 'json'
loader: 'json-loader'
} ];

@@ -123,3 +136,3 @@

// css-loader not to duplicate minimization.
const BASE_CSS_LOADER = 'css?sourceMap&-minimize';
const BASE_CSS_LOADER = 'css-loader?sourceMap&-minimize';

@@ -148,12 +161,12 @@ // Add any packge names here whose styles need to be treated as CSS modules.

'importLoaders=1',
(__DEV__ || __STAGING__) ? 'localIdentName=[name]__[local]___[hash:base64:5]' : 'localIdentName=[hash:base64:7]'
(__DEV__) ? 'localIdentName=[name]__[local]___[hash:base64:5]' : 'localIdentName=[hash:base64:7]'
].join('&');
webpackConfig.module.loaders.push({
webpackConfig.module.rules.push({
test: /\.css$/,
include: cssModulesRegex,
loaders: [
'style',
use: [
'style-loader',
cssModulesLoader,
'postcss'
'postcss-loader'
]

@@ -165,48 +178,43 @@ });

const excludeCSSModules = isUsingCSSModules ? cssModulesRegex : false;
webpackConfig.module.loaders.push({
webpackConfig.module.rules.push({
test: /\.css$/,
exclude: excludeCSSModules,
loaders: [
use: [
'style',
BASE_CSS_LOADER,
'postcss'
'postcss-loader'
]
});
// ------------------------------------
// Style Configuration
// ------------------------------------
webpackConfig.postcss = () => {
return [
require('postcss-import')({
root: __dirname,
path: [path.join(__dirname, './components')]
}),
require('postcss-mixins')(),
require('postcss-each')(),
require('postcss-cssnext')(),
require('postcss-nested')(),
require('postcss-reporter')({ clearMessages: true })
];
};
// File loaders
/* eslint-disable */
webpackConfig.module.loaders.push(
webpackConfig.module.rules.push(
{
test: /\.woff(\?.*)?$/,
loader: 'url?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/font-woff'
loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/font-woff',
},
{
test: /\.woff2(\?.*)?$/,
loader: 'url?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/font-woff2'
loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/font-woff2',
},
{test: /\.otf(\?.*)?$/, loader: 'file?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=font/opentype'},
{
test: /\.otf(\?.*)?$/,
loader: 'file-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=font/opentype',
},
{
test: /\.ttf(\?.*)?$/,
loader: 'url?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/octet-stream'
loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=application/octet-stream',
},
{test: /\.eot(\?.*)?$/, loader: 'file?prefix=fonts/&name=[path][name].[ext]'},
{test: /\.svg(\?.*)?$/, loader: 'url?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=image/svg+xml'},
{test: /\.(png|jpg)$/, loader: 'url?limit=8192'}
{
test: /\.eot(\?.*)?$/,
loader: 'file-loader?prefix=fonts/&name=[path][name].[ext]',
},
{
test: /\.svg(\?.*)?$/,
loader: 'url-loader?prefix=fonts/&name=[path][name].[ext]&limit=10000&mimetype=image/svg+xml',
},
{
test: /\.(png|jpg)$/,
loader: 'url-loader?limit=8192',
}
);

@@ -221,16 +229,19 @@ /* eslint-enable */

// http://stackoverflow.com/questions/34133808/webpack-ots-parsing-error-loading-fonts/34133809#34133809
if (!__DEV__ && !__STAGING__) {
if (!__DEV__) {
debug('Apply ExtractTextPlugin to CSS loaders.');
webpackConfig.module.loaders.filter((loader) =>
loader.loaders && loader.loaders.find((name) => /css/.test(name.split('?')[ 0 ]))
).forEach((loader) => {
const first = loader.loaders[ 0 ];
const rest = loader.loaders.slice(1);
loader.loader = ExtractTextPlugin.extract(first, rest.join('!'));
delete loader.loaders;
webpackConfig.module.rules.filter((rule) =>
rule.use && rule.use.find((name) => /css/.test(name.split('?')[ 0 ]))
).forEach((rule) => {
const fallback = rule.use[ 0 ];
const rest = rule.use.slice(1);
rule.loader = ExtractTextPlugin.extract({fallback, use: rest.join('!')});
delete rule.use;
});
const filename = config.compiler_hash_type ? `[name].[${config.compiler_hash_type}].css` : '[name].css';
webpackConfig.plugins.push(
new ExtractTextPlugin('[name].[contenthash].css', {
allChunks: true
new ExtractTextPlugin({
filename,
allChunks: true,
})

@@ -237,0 +248,0 @@ );

23

components/button/Button.js
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import FontIcon from '../font_icon';
import { omit } from 'lodash';

@@ -10,3 +11,3 @@ class Button extends Component {

disabled: PropTypes.bool,
flat: PropTypes.bool,
bordered: PropTypes.bool,
href: PropTypes.string,

@@ -24,8 +25,7 @@ icon: PropTypes.oneOfType([

button: PropTypes.string,
flat: PropTypes.string,
bordered: PropTypes.string,
icon: PropTypes.string,
inverse: PropTypes.string,
mini: PropTypes.string,
neutral: PropTypes.string,
primary: PropTypes.string,
secondary: PropTypes.string,
toggle: PropTypes.string,

@@ -38,3 +38,3 @@ }),

className: '',
flat: false,
bordered: false,
primary: false,

@@ -49,7 +49,9 @@ processing: false,

}
return 'neutral';
return 'secondary';
};
getShape = () => {
return 'flat';
if (this.props.bordered) {
return 'bordered';
}
};

@@ -61,3 +63,2 @@

}
return '';
};

@@ -83,3 +84,2 @@

className,
flat, // eslint-disable-line
href,

@@ -90,3 +90,2 @@ icon,

type,
primary, // eslint-disable-line
processing,

@@ -96,2 +95,4 @@ ...others

const rest = omit(others, [ 'primary', 'bordered' ]);
const element = href ? 'a' : 'button';

@@ -114,3 +115,3 @@ const level = this.getLevel();

const props = {
...others,
...rest,
href,

@@ -117,0 +118,0 @@ ref: (node) => {

2

components/font_icon/FontIcon.js

@@ -7,3 +7,3 @@ import React, { PropTypes } from 'react';

data-teamleader-ui="font-icon"
className={cx({ 'teamleader-icons': typeof value === 'string' || typeof children === 'string' }, className)}
className={cx(className, { 'teamleader-icons': typeof value === 'string' || typeof children === 'string' })}
{...other}

@@ -10,0 +10,0 @@ >

3

components/popover/Popover.js
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import throttle from 'lodash.throttle';
import { throttle } from 'lodash';
import ActivableRenderer from '../hoc/ActivableRenderer';

@@ -25,3 +25,2 @@ import Portal from '../hoc/Portal';

children: PropTypes.node,
className: PropTypes.string,
onCloseClick: PropTypes.func,

@@ -28,0 +27,0 @@ onEscKeyDown: PropTypes.func,

6

config/index.js

@@ -34,7 +34,2 @@ /* eslint key-spacing:0 spaced-comment:0 */

// ----------------------------------
compiler_babel: {
cacheDirectory: true,
plugins: [ 'transform-runtime' ],
presets: [ 'es2015', 'react', 'stage-1' ]
},
compiler_css_modules: true,

@@ -79,3 +74,2 @@ compiler_devtool: 'eval-source-map',

'__DEV__': config.env === 'development',
'__STAGING__': config.env === 'staging',
'__PROD__': config.env === 'production',

@@ -82,0 +76,0 @@ '__TEST__': config.env === 'test',

157

lib/button/Button.js

@@ -1,58 +0,17 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/Button.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import FontIcon from '../font_icon';
import { omit } from 'lodash';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Button = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/Button.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames2 = require('classnames');
var _classnames3 = _interopRequireDefault(_classnames2);
var _font_icon = require('../font_icon');
var _font_icon2 = _interopRequireDefault(_font_icon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Button = function (_Component) {
(0, _inherits3.default)(Button, _Component);
_inherits(Button, _Component);

@@ -64,3 +23,3 @@ function Button() {

(0, _classCallCheck3.default)(this, Button);
_classCallCheck(this, Button);

@@ -71,3 +30,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Button.__proto__ || (0, _getPrototypeOf2.default)(Button)).call.apply(_ref, [this].concat(args))), _this), _this.getLevel = function () {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Button.__proto__ || _Object$getPrototypeOf(Button)).call.apply(_ref, [this].concat(args))), _this), _this.getLevel = function () {
var _this2;

@@ -92,6 +51,6 @@

return (_this6 = _this).__handleMouseLeave__REACT_HOT_LOADER__.apply(_this6, arguments);
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(Button, [{
_createClass(Button, [{
key: '__getLevel__REACT_HOT_LOADER__',

@@ -102,3 +61,3 @@ value: function __getLevel__REACT_HOT_LOADER__() {

}
return 'neutral';
return 'secondary';
}

@@ -108,3 +67,5 @@ }, {

value: function __getShape__REACT_HOT_LOADER__() {
return 'flat';
if (this.props.bordered) {
return 'bordered';
}
}

@@ -117,3 +78,2 @@ }, {

}
return '';
}

@@ -145,3 +105,2 @@ }, {

className = _props.className,
flat = _props.flat,
href = _props.href,

@@ -152,6 +111,6 @@ icon = _props.icon,

type = _props.type,
primary = _props.primary,
processing = _props.processing,
others = (0, _objectWithoutProperties3.default)(_props, ['children', 'className', 'flat', 'href', 'icon', 'label', 'theme', 'type', 'primary', 'processing']);
others = _objectWithoutProperties(_props, ['children', 'className', 'href', 'icon', 'label', 'theme', 'type', 'processing']);
var rest = omit(others, ['primary', 'bordered']);

@@ -163,5 +122,5 @@ var element = href ? 'a' : 'button';

var classes = (0, _classnames3.default)(theme.button, (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme[level], theme[level]), (0, _defineProperty3.default)(_classnames, theme[shape], theme[shape]), (0, _defineProperty3.default)(_classnames, theme[state], theme[state]), (0, _defineProperty3.default)(_classnames, theme.iconOnly, !this.props.label && !this.props.children), _classnames), className);
var classes = classnames(theme.button, (_classnames = {}, _defineProperty(_classnames, theme[level], theme[level]), _defineProperty(_classnames, theme[shape], theme[shape]), _defineProperty(_classnames, theme[state], theme[state]), _defineProperty(_classnames, theme.iconOnly, !this.props.label && !this.props.children), _classnames), className);
var props = (0, _extends3.default)({}, others, {
var props = _extends({}, rest, {
href: href,

@@ -179,9 +138,9 @@ ref: function ref(node) {

return _react2.default.createElement(element, props, icon && !processing ? _react2.default.createElement(_font_icon2.default, { className: theme.icon, value: icon, __source: {
return React.createElement(element, props, icon && !processing ? React.createElement(FontIcon, { className: theme.icon, value: icon, __source: {
fileName: _jsxFileName,
lineNumber: 120
lineNumber: 121
}
}) : null, processing ? _react2.default.createElement(_font_icon2.default, { className: theme.icon, value: 'spinner', __source: {
}) : null, processing ? React.createElement(FontIcon, { className: theme.icon, value: 'spinner', __source: {
fileName: _jsxFileName,
lineNumber: 121
lineNumber: 122
}

@@ -191,32 +150,32 @@ }) : null, label, children);

}]);
return Button;
}(_react.Component);
}(Component);
Button.propTypes = {
children: _react.PropTypes.node,
className: _react.PropTypes.string,
disabled: _react.PropTypes.bool,
flat: _react.PropTypes.bool,
href: _react.PropTypes.string,
icon: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element]),
label: _react.PropTypes.string,
onMouseLeave: _react.PropTypes.func,
onMouseUp: _react.PropTypes.func,
primary: _react.PropTypes.bool,
processing: _react.PropTypes.bool,
theme: _react.PropTypes.shape({
button: _react.PropTypes.string,
flat: _react.PropTypes.string,
icon: _react.PropTypes.string,
inverse: _react.PropTypes.string,
mini: _react.PropTypes.string,
neutral: _react.PropTypes.string,
primary: _react.PropTypes.string,
toggle: _react.PropTypes.string
children: PropTypes.node,
className: PropTypes.string,
disabled: PropTypes.bool,
bordered: PropTypes.bool,
href: PropTypes.string,
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
label: PropTypes.string,
onMouseLeave: PropTypes.func,
onMouseUp: PropTypes.func,
primary: PropTypes.bool,
processing: PropTypes.bool,
theme: PropTypes.shape({
button: PropTypes.string,
bordered: PropTypes.string,
icon: PropTypes.string,
inverse: PropTypes.string,
primary: PropTypes.string,
secondary: PropTypes.string,
toggle: PropTypes.string
}),
type: _react.PropTypes.string
type: PropTypes.string
};
Button.defaultProps = {
className: '',
flat: false,
bordered: false,
primary: false,

@@ -227,4 +186,6 @@ processing: false,

var _default = Button;
exports.default = _default;
exports.Button = Button;
export default _default;
export { Button };
;

@@ -237,7 +198,7 @@

__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');
}();
;

152

lib/button/IconButton.js

@@ -1,63 +0,19 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/button/IconButton.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { BUTTON } from '../identifiers';
import InjectFontIcon from '../font_icon/FontIcon';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconButton = exports.iconButtonFactory = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/button/IconButton.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames2 = require('classnames');
var _classnames3 = _interopRequireDefault(_classnames2);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _FontIcon = require('../font_icon/FontIcon');
var _FontIcon2 = _interopRequireDefault(_FontIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var factory = function factory(FontIcon) {
var IconButton = function (_Component) {
(0, _inherits3.default)(IconButton, _Component);
_inherits(IconButton, _Component);

@@ -69,3 +25,3 @@ function IconButton() {

(0, _classCallCheck3.default)(this, IconButton);
_classCallCheck(this, IconButton);

@@ -76,3 +32,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = IconButton.__proto__ || (0, _getPrototypeOf2.default)(IconButton)).call.apply(_ref, [this].concat(args))), _this), _this.getLevel = function () {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = IconButton.__proto__ || _Object$getPrototypeOf(IconButton)).call.apply(_ref, [this].concat(args))), _this), _this.getLevel = function () {
var _this2;

@@ -89,6 +45,6 @@

return (_this4 = _this).__handleMouseLeave__REACT_HOT_LOADER__.apply(_this4, arguments);
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(IconButton, [{
_createClass(IconButton, [{
key: '__getLevel__REACT_HOT_LOADER__',

@@ -133,11 +89,10 @@ value: function __getLevel__REACT_HOT_LOADER__() {

type = _props.type,
others = (0, _objectWithoutProperties3.default)(_props, ['children', 'className', 'href', 'icon', 'inverse', 'neutral', 'primary', 'theme', 'type']);
others = _objectWithoutProperties(_props, ['children', 'className', 'href', 'icon', 'inverse', 'neutral', 'primary', 'theme', 'type']);
var element = href ? 'a' : 'button';
var level = this.getLevel();
var classes = (0, _classnames3.default)([theme.toggle], (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme[level], neutral), (0, _defineProperty3.default)(_classnames, theme.inverse, inverse), _classnames), className);
var classes = classnames([theme.toggle], (_classnames = {}, _defineProperty(_classnames, theme[level], neutral), _defineProperty(_classnames, theme.inverse, inverse), _classnames), className);
var props = (0, _extends3.default)({}, others, {
var props = _extends({}, others, {
href: href,

@@ -155,3 +110,3 @@ ref: function ref(node) {

var iconElement = typeof icon === 'string' ? _react2.default.createElement(FontIcon, { className: theme.icon, value: icon, __source: {
var iconElement = typeof icon === 'string' ? React.createElement(FontIcon, { className: theme.icon, value: icon, __source: {
fileName: _jsxFileName,

@@ -162,30 +117,31 @@ lineNumber: 101

return _react2.default.createElement(element, props, icon && iconElement, children);
return React.createElement(element, props, icon && iconElement, children);
}
}]);
return IconButton;
}(_react.Component);
}(Component);
IconButton.propTypes = {
children: _react.PropTypes.node,
className: _react.PropTypes.string,
disabled: _react.PropTypes.bool,
href: _react.PropTypes.string,
icon: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element]),
inverse: _react.PropTypes.bool,
neutral: _react.PropTypes.bool,
onMouseLeave: _react.PropTypes.func,
onMouseUp: _react.PropTypes.func,
primary: _react.PropTypes.bool,
theme: _react.PropTypes.shape({
button: _react.PropTypes.string,
flat: _react.PropTypes.string,
icon: _react.PropTypes.string,
inverse: _react.PropTypes.string,
mini: _react.PropTypes.string,
neutral: _react.PropTypes.string,
primary: _react.PropTypes.string,
toggle: _react.PropTypes.string
children: PropTypes.node,
className: PropTypes.string,
disabled: PropTypes.bool,
href: PropTypes.string,
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
inverse: PropTypes.bool,
neutral: PropTypes.bool,
onMouseLeave: PropTypes.func,
onMouseUp: PropTypes.func,
primary: PropTypes.bool,
theme: PropTypes.shape({
button: PropTypes.string,
flat: PropTypes.string,
icon: PropTypes.string,
inverse: PropTypes.string,
mini: PropTypes.string,
neutral: PropTypes.string,
primary: PropTypes.string,
toggle: PropTypes.string
}),
type: _react.PropTypes.string
type: PropTypes.string
};

@@ -203,9 +159,9 @@ IconButton.defaultProps = {

var IconButton = factory(_FontIcon2.default);
var IconButton = factory(InjectFontIcon);
var _default = (0, _reactCssThemr.themr)(_identifiers.BUTTON)(IconButton);
var _default = themr(BUTTON)(IconButton);
exports.default = _default;
exports.iconButtonFactory = factory;
exports.IconButton = IconButton;
export default _default;
export { factory as iconButtonFactory };
export { IconButton };
;

@@ -218,9 +174,9 @@

__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');
}();
;

49

lib/button/index.js

@@ -1,35 +0,18 @@

'use strict';
import { themr } from 'react-css-themr';
import { BUTTON } from '../identifiers';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconButton = exports.Button = undefined;
import Button from './Button';
import { iconButtonFactory } from './IconButton';
import { FontIcon } from '../font_icon/FontIcon';
import theme from './theme.css';
var _reactCssThemr = require('react-css-themr');
var IconButton = iconButtonFactory(FontIcon);
var _identifiers = require('../identifiers');
var ThemedButton = themr(BUTTON, theme)(Button);
var ThemedIconButton = themr(BUTTON, theme)(IconButton);
var _Button = require('./Button');
var _Button2 = _interopRequireDefault(_Button);
var _IconButton = require('./IconButton');
var _FontIcon = require('../font_icon/FontIcon');
var _theme = require('./theme.css');
var _theme2 = _interopRequireDefault(_theme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var IconButton = (0, _IconButton.iconButtonFactory)(_FontIcon.FontIcon);
var ThemedButton = (0, _reactCssThemr.themr)(_identifiers.BUTTON, _theme2.default)(_Button2.default);
var ThemedIconButton = (0, _reactCssThemr.themr)(_identifiers.BUTTON, _theme2.default)(IconButton);
var _default = ThemedButton;
exports.default = _default;
exports.Button = ThemedButton;
exports.IconButton = ThemedIconButton;
export default _default;
export { ThemedButton as Button };
export { ThemedIconButton as IconButton };
;

@@ -42,11 +25,11 @@

__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');
}();
;

192

lib/dialog/Dialog.js

@@ -1,78 +0,29 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/dialog/Dialog.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { DIALOG } from '../identifiers.js';
import Portal from '../hoc/Portal';
import ActivableRenderer from '../hoc/ActivableRenderer';
import InjectButton from '../button/Button.js';
import InjectOverlay from '../overlay/Overlay';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.dialogFactory = exports.Dialog = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/dialog/Dialog.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames3 = require('classnames');
var _classnames4 = _interopRequireDefault(_classnames3);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers.js');
var _Portal = require('../hoc/Portal');
var _Portal2 = _interopRequireDefault(_Portal);
var _ActivableRenderer = require('../hoc/ActivableRenderer');
var _ActivableRenderer2 = _interopRequireDefault(_ActivableRenderer);
var _Button = require('../button/Button.js');
var _Button2 = _interopRequireDefault(_Button);
var _Overlay = require('../overlay/Overlay');
var _Overlay2 = _interopRequireDefault(_Overlay);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var factory = function factory(Overlay, Button) {
var Dialog = function (_Component) {
(0, _inherits3.default)(Dialog, _Component);
_inherits(Dialog, _Component);
function Dialog() {
(0, _classCallCheck3.default)(this, Dialog);
return (0, _possibleConstructorReturn3.default)(this, (Dialog.__proto__ || (0, _getPrototypeOf2.default)(Dialog)).apply(this, arguments));
_classCallCheck(this, Dialog);
return _possibleConstructorReturn(this, (Dialog.__proto__ || _Object$getPrototypeOf(Dialog)).apply(this, arguments));
}
(0, _createClass3.default)(Dialog, [{
_createClass(Dialog, [{
key: 'render',

@@ -83,4 +34,4 @@ value: function render() {

var actions = this.props.actions.map(function (action, idx) {
var className = (0, _classnames4.default)(_this2.props.theme.button, (0, _defineProperty3.default)({}, action.className, action.className));
return _react2.default.createElement(Button, (0, _extends3.default)({ key: idx }, action, { className: className, __source: {
var className = classnames(_this2.props.theme.button, _defineProperty({}, action.className, action.className));
return React.createElement(Button, _extends({ key: idx }, action, { className: className, __source: {
fileName: _jsxFileName,

@@ -92,6 +43,6 @@ lineNumber: 58

var className = (0, _classnames4.default)([this.props.theme.dialog, this.props.theme[this.props.type]], (0, _defineProperty3.default)({}, this.props.theme.active, this.props.active), this.props.className);
var className = classnames([this.props.theme.dialog, this.props.theme[this.props.type]], _defineProperty({}, this.props.theme.active, this.props.active), this.props.className);
return _react2.default.createElement(
_Portal2.default,
return React.createElement(
Portal,
{ className: this.props.theme.wrapper, __source: {

@@ -102,3 +53,3 @@ fileName: _jsxFileName,

},
_react2.default.createElement(Overlay, {
React.createElement(Overlay, {
active: this.props.active,

@@ -120,3 +71,3 @@ backdrop: this.props.backdrop,

}),
_react2.default.createElement(
React.createElement(
'div',

@@ -131,3 +82,3 @@ {

},
_react2.default.createElement(
React.createElement(
'header',

@@ -139,3 +90,3 @@ { className: this.props.theme.header, __source: {

},
this.props.title ? _react2.default.createElement(
this.props.title ? React.createElement(
'h6',

@@ -149,3 +100,3 @@ { className: this.props.theme.title, __source: {

) : null,
_react2.default.createElement(Button, { icon: 'close', className: this.props.theme.close, onMouseUp: this.props.onCloseClick, __source: {
React.createElement(Button, { icon: 'close', className: this.props.theme.close, onMouseUp: this.props.onCloseClick, __source: {
fileName: _jsxFileName,

@@ -156,3 +107,3 @@ lineNumber: 96

),
_react2.default.createElement(
React.createElement(
'section',

@@ -166,3 +117,3 @@ { role: 'body', className: this.props.theme.body, __source: {

),
actions.length ? _react2.default.createElement(
actions.length ? React.createElement(
'nav',

@@ -180,36 +131,37 @@ { role: 'navigation', className: this.props.theme.navigation, __source: {

}]);
return Dialog;
}(_react.Component);
}(Component);
Dialog.propTypes = {
actions: _react.PropTypes.arrayOf(_react.PropTypes.shape({
className: _react.PropTypes.string,
label: _react.PropTypes.string,
children: _react.PropTypes.node
actions: PropTypes.arrayOf(PropTypes.shape({
className: PropTypes.string,
label: PropTypes.string,
children: PropTypes.node
})),
active: _react.PropTypes.bool,
backdrop: _react.PropTypes.string,
children: _react.PropTypes.node,
className: _react.PropTypes.string,
onCloseClick: _react.PropTypes.func,
onEscKeyDown: _react.PropTypes.func,
onOverlayClick: _react.PropTypes.func,
onOverlayMouseDown: _react.PropTypes.func,
onOverlayMouseMove: _react.PropTypes.func,
onOverlayMouseUp: _react.PropTypes.func,
theme: _react.PropTypes.shape({
active: _react.PropTypes.string,
arrow: _react.PropTypes.string,
body: _react.PropTypes.string,
button: _react.PropTypes.string,
close: _react.PropTypes.string,
dialog: _react.PropTypes.string,
header: _react.PropTypes.string,
navigation: _react.PropTypes.string,
overlay: _react.PropTypes.string,
title: _react.PropTypes.string,
wrapper: _react.PropTypes.string
active: PropTypes.bool,
backdrop: PropTypes.string,
children: PropTypes.node,
className: PropTypes.string,
onCloseClick: PropTypes.func,
onEscKeyDown: PropTypes.func,
onOverlayClick: PropTypes.func,
onOverlayMouseDown: PropTypes.func,
onOverlayMouseMove: PropTypes.func,
onOverlayMouseUp: PropTypes.func,
theme: PropTypes.shape({
active: PropTypes.string,
arrow: PropTypes.string,
body: PropTypes.string,
button: PropTypes.string,
close: PropTypes.string,
dialog: PropTypes.string,
header: PropTypes.string,
navigation: PropTypes.string,
overlay: PropTypes.string,
title: PropTypes.string,
wrapper: PropTypes.string
}),
title: _react.PropTypes.string,
type: _react.PropTypes.string
title: PropTypes.string,
type: PropTypes.string
};

@@ -224,12 +176,12 @@ Dialog.defaultProps = {

return (0, _ActivableRenderer2.default)()(Dialog);
return ActivableRenderer()(Dialog);
};
var Dialog = factory(_Overlay2.default, _Button2.default);
var Dialog = factory(InjectOverlay, InjectButton);
var _default = (0, _reactCssThemr.themr)(_identifiers.DIALOG)(Dialog);
var _default = themr(DIALOG)(Dialog);
exports.default = _default;
exports.Dialog = Dialog;
exports.dialogFactory = factory;
export default _default;
export { Dialog };
export { factory as dialogFactory };
;

@@ -242,9 +194,9 @@

__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');
}();
;

42

lib/dialog/index.js

@@ -1,30 +0,14 @@

'use strict';
import { themr } from 'react-css-themr';
import { DIALOG } from '../identifiers';
import { dialogFactory } from './Dialog';
import { Overlay } from '../overlay';
import { Button } from '../button';
import theme from './theme.css';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Dialog = undefined;
var Dialog = dialogFactory(Overlay, Button);
var ThemedDialog = themr(DIALOG, theme)(Dialog);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _Dialog = require('./Dialog');
var _overlay = require('../overlay');
var _button = require('../button');
var _theme = require('./theme.css');
var _theme2 = _interopRequireDefault(_theme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Dialog = (0, _Dialog.dialogFactory)(_overlay.Overlay, _button.Button);
var ThemedDialog = (0, _reactCssThemr.themr)(_identifiers.DIALOG, _theme2.default)(Dialog);
var _default = ThemedDialog;
exports.default = _default;
exports.Dialog = ThemedDialog;
export default _default;
export { ThemedDialog as Dialog };
;

@@ -37,9 +21,9 @@

__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');
}();
;

54

lib/font_icon/FontIcon.js

@@ -1,28 +0,7 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/font_icon/FontIcon.js';
import React, { PropTypes } from 'react';
import cx from 'classnames';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FontIcon = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/font_icon/FontIcon.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var FontIcon = function FontIcon(_ref) {

@@ -32,8 +11,9 @@ var children = _ref.children,

value = _ref.value,
other = (0, _objectWithoutProperties3.default)(_ref, ['children', 'className', 'value']);
return _react2.default.createElement(
other = _objectWithoutProperties(_ref, ['children', 'className', 'value']);
return React.createElement(
'span',
(0, _extends3.default)({
_extends({
'data-teamleader-ui': 'font-icon',
className: (0, _classnames2.default)({ 'teamleader-icons': typeof value === 'string' || typeof children === 'string' }, className)
className: cx(className, { 'teamleader-icons': typeof value === 'string' || typeof children === 'string' })
}, other, {

@@ -51,5 +31,5 @@ __source: {

FontIcon.propTypes = {
children: _react.PropTypes.any,
className: _react.PropTypes.string,
value: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element])
children: PropTypes.any,
className: PropTypes.string,
value: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
};

@@ -62,4 +42,4 @@

var _default = FontIcon;
exports.default = _default;
exports.FontIcon = FontIcon;
export default _default;
export { FontIcon };
;

@@ -72,7 +52,7 @@

__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');
}();
;

21

lib/font_icon/index.js

@@ -1,17 +0,6 @@

'use strict';
import FontIcon from './FontIcon.js';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.FontIcon = undefined;
var _FontIcon = require('./FontIcon.js');
var _FontIcon2 = _interopRequireDefault(_FontIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = _FontIcon2.default;
exports.default = _default;
exports.FontIcon = _FontIcon2.default;
var _default = FontIcon;
export default _default;
export { FontIcon };
;

@@ -24,5 +13,5 @@

__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');
}();
;

80

lib/hoc/ActivableRenderer.js

@@ -1,43 +0,11 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/ActivableRenderer.js';
import React, { Component, PropTypes } from 'react';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/ActivableRenderer.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ActivableRendererFactory = function ActivableRendererFactory() {

@@ -49,3 +17,3 @@ var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { delay: 500 };

return _temp2 = _class = function (_Component) {
(0, _inherits3.default)(ActivableRenderer, _Component);
_inherits(ActivableRenderer, _Component);

@@ -57,3 +25,3 @@ function ActivableRenderer() {

(0, _classCallCheck3.default)(this, ActivableRenderer);
_classCallCheck(this, ActivableRenderer);

@@ -64,9 +32,9 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = ActivableRenderer.__proto__ || (0, _getPrototypeOf2.default)(ActivableRenderer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ActivableRenderer.__proto__ || _Object$getPrototypeOf(ActivableRenderer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
active: _this.props.active,
rendered: _this.props.active
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(ActivableRenderer, [{
_createClass(ActivableRenderer, [{
key: 'componentWillReceiveProps',

@@ -118,4 +86,5 @@ value: function componentWillReceiveProps(nextProps) {

delay = _props.delay,
others = (0, _objectWithoutProperties3.default)(_props, ['delay']); // eslint-disable-line no-unused-vars
others = _objectWithoutProperties(_props, ['delay']); // eslint-disable-line no-unused-vars
var _state = this.state,

@@ -125,3 +94,3 @@ active = _state.active,

return rendered ? _react2.default.createElement(ActivableComponent, (0, _extends3.default)({}, others, { active: active, __source: {
return rendered ? React.createElement(ActivableComponent, _extends({}, others, { active: active, __source: {
fileName: _jsxFileName,

@@ -133,7 +102,8 @@ lineNumber: 56

}]);
return ActivableRenderer;
}(_react.Component), _class.propTypes = {
active: _react.PropTypes.bool.isRequired,
children: _react.PropTypes.node,
delay: _react.PropTypes.number
}(Component), _class.propTypes = {
active: PropTypes.bool.isRequired,
children: PropTypes.node,
delay: PropTypes.number
}, _class.defaultProps = {

@@ -146,3 +116,3 @@ delay: options.delay

var _default = ActivableRendererFactory;
exports.default = _default;
export default _default;
;

@@ -155,7 +125,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');
}();
;

81

lib/hoc/Portal.js

@@ -1,48 +0,20 @@

'use strict';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/hoc/Portal.js';
import React, { Component, PropTypes } from 'react';
import ReactDOM from 'react-dom';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/hoc/Portal.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Portal = function (_Component) {
(0, _inherits3.default)(Portal, _Component);
_inherits(Portal, _Component);
function Portal() {
(0, _classCallCheck3.default)(this, Portal);
return (0, _possibleConstructorReturn3.default)(this, (Portal.__proto__ || (0, _getPrototypeOf2.default)(Portal)).apply(this, arguments));
_classCallCheck(this, Portal);
return _possibleConstructorReturn(this, (Portal.__proto__ || _Object$getPrototypeOf(Portal)).apply(this, arguments));
}
(0, _createClass3.default)(Portal, [{
_createClass(Portal, [{
key: 'componentDidMount',

@@ -89,3 +61,3 @@ value: function componentDidMount() {

}
return _reactDom2.default.findDOMNode(this._overlayInstance);
return ReactDOM.findDOMNode(this._overlayInstance);
}

@@ -101,3 +73,3 @@

}
return _react2.default.createElement(
return React.createElement(
'div',

@@ -118,3 +90,3 @@ { className: this.props.className, __source: {

this._mountOverlayTarget();
this._overlayInstance = _reactDom2.default.unstable_renderSubtreeIntoContainer(this, overlay, this._overlayTarget);
this._overlayInstance = ReactDOM.unstable_renderSubtreeIntoContainer(this, overlay, this._overlayTarget);
} else {

@@ -129,3 +101,3 @@ this._unrenderOverlay();

if (this._overlayTarget) {
_reactDom2.default.unmountComponentAtNode(this._overlayTarget);
ReactDOM.unmountComponentAtNode(this._overlayTarget);
this._overlayInstance = null;

@@ -158,9 +130,10 @@ }

}]);
return Portal;
}(_react.Component);
}(Component);
Portal.propTypes = {
children: _react.PropTypes.node,
className: _react.PropTypes.string,
container: _react.PropTypes.node
children: PropTypes.node,
className: PropTypes.string,
container: PropTypes.node
};

@@ -174,7 +147,7 @@ Portal.defaultProps = {

var _container = typeof container === 'function' ? container() : container;
return _reactDom2.default.findDOMNode(_container) || document.body;
return ReactDOM.findDOMNode(_container) || document.body;
}
var _default = Portal;
exports.default = _default;
export default _default;
;

@@ -187,9 +160,9 @@

__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');
}();
;

33

lib/identifiers.js

@@ -1,13 +0,8 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var BUTTON = exports.BUTTON = 'TLButton';
var DIALOG = exports.DIALOG = 'TLDialog';
var LOADING_MOLECULE = exports.LOADING_MOLECULE = 'TLLoadingMolecule';
var MENU = exports.MENU = 'TLMenu';
var OVERLAY = exports.OVERLAY = 'TLOverlay';
var POPOVER_VERTICAL = exports.POPOVER_VERTICAL = 'TLPopoverVertical';
var POPOVER_HORIZONTAL = exports.POPOVER_HORIZONTAL = 'TLPopoverHorizontal';
export var BUTTON = 'TLButton';
export var DIALOG = 'TLDialog';
export var LOADING_MOLECULE = 'TLLoadingMolecule';
export var MENU = 'TLMenu';
export var OVERLAY = 'TLOverlay';
export var POPOVER_VERTICAL = 'TLPopoverVertical';
export var POPOVER_HORIZONTAL = 'TLPopoverHorizontal';
;

@@ -20,17 +15,17 @@

__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');
}();
;

35

lib/index.js

@@ -1,32 +0,7 @@

'use strict';
import Button, { IconButton } from './button';
import { FontIcon } from './font_icon';
import Menu, { IconMenu, MenuItem, MenuDivider } from './menu';
import LoadingMolecule from './loadingMolecule';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LoadingMolecule = exports.MenuDivider = exports.MenuItem = exports.IconMenu = exports.Menu = exports.FontIcon = exports.IconButton = exports.Button = undefined;
var _button = require('./button');
var _button2 = _interopRequireDefault(_button);
var _font_icon = require('./font_icon');
var _menu = require('./menu');
var _menu2 = _interopRequireDefault(_menu);
var _loadingMolecule = require('./loadingMolecule');
var _loadingMolecule2 = _interopRequireDefault(_loadingMolecule);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.Button = _button2.default;
exports.IconButton = _button.IconButton;
exports.FontIcon = _font_icon.FontIcon;
exports.Menu = _menu2.default;
exports.IconMenu = _menu.IconMenu;
exports.MenuItem = _menu.MenuItem;
exports.MenuDivider = _menu.MenuDivider;
exports.LoadingMolecule = _loadingMolecule2.default;
export { Button, IconButton, FontIcon, Menu, IconMenu, MenuItem, MenuDivider, LoadingMolecule };
;

@@ -33,0 +8,0 @@

36

lib/loadingMolecule/index.js

@@ -1,29 +0,15 @@

'use strict';
import { themr } from 'react-css-themr';
import { LOADING_MOLECULE } from '../identifiers';
import { LoadingMolecule } from './LoadingMolecule';
import theme from './theme.css';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LoadingMolecule = undefined;
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _LoadingMolecule = require('./LoadingMolecule');
var _theme = require('./theme.css');
var _theme2 = _interopRequireDefault(_theme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var applyTheme = function applyTheme(Component) {
return (0, _reactCssThemr.themr)(_identifiers.LOADING_MOLECULE, _theme2.default)(Component);
return themr(LOADING_MOLECULE, theme)(Component);
};
var ThemedLoadingMolecule = applyTheme(_LoadingMolecule.LoadingMolecule);
var ThemedLoadingMolecule = applyTheme(LoadingMolecule);
var _default = ThemedLoadingMolecule;
exports.default = _default;
exports.LoadingMolecule = ThemedLoadingMolecule;
export default _default;
export { ThemedLoadingMolecule as LoadingMolecule };
;

@@ -36,9 +22,9 @@

__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');
}();
;

128

lib/loadingMolecule/LoadingMolecule.js

@@ -1,59 +0,21 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
import React, { Component, PropTypes } from 'react';
import { themr } from 'react-css-themr';
import cx from 'classnames';
import { LOADING_MOLECULE } from '../identifiers.js';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.LoadingMolecule = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/loadingMolecule/LoadingMolecule.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactCssThemr = require('react-css-themr');
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _identifiers = require('../identifiers.js');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var LoadingMolecule = function (_Component) {
(0, _inherits3.default)(LoadingMolecule, _Component);
_inherits(LoadingMolecule, _Component);
function LoadingMolecule() {
(0, _classCallCheck3.default)(this, LoadingMolecule);
_classCallCheck(this, LoadingMolecule);
var _this = (0, _possibleConstructorReturn3.default)(this, (LoadingMolecule.__proto__ || (0, _getPrototypeOf2.default)(LoadingMolecule)).apply(this, arguments));
var _this = _possibleConstructorReturn(this, (LoadingMolecule.__proto__ || _Object$getPrototypeOf(LoadingMolecule)).apply(this, arguments));

@@ -64,3 +26,3 @@ _this.randomGradientPostFix = Math.random().toString(16).slice(2);

(0, _createClass3.default)(LoadingMolecule, [{
_createClass(LoadingMolecule, [{
key: 'render',

@@ -74,5 +36,4 @@ value: function render() {

type = _props.type,
others = (0, _objectWithoutProperties3.default)(_props, ['theme', 'basePath', 'startColor', 'stopColor', 'type']);
others = _objectWithoutProperties(_props, ['theme', 'basePath', 'startColor', 'stopColor', 'type']);
var gradient1Name = 'linearGradient-1-' + this.randomGradientPostFix;

@@ -83,5 +44,5 @@ var gradient2Name = 'linearGradient-2-' + this.randomGradientPostFix;

return _react2.default.createElement(
return React.createElement(
'div',
(0, _extends3.default)({ className: (0, _classnames2.default)(theme['loading-molecule'], theme[type]) }, others, {
_extends({ className: cx(theme['loading-molecule'], theme[type]) }, others, {
__source: {

@@ -92,3 +53,3 @@ fileName: _jsxFileName,

}),
_react2.default.createElement(
React.createElement(
'svg',

@@ -100,3 +61,3 @@ { className: 'loader', width: '100px', height: '56px', version: '1.1', __source: {

},
_react2.default.createElement(
React.createElement(
'defs',

@@ -109,3 +70,3 @@ {

},
_react2.default.createElement(
React.createElement(
'linearGradient',

@@ -117,3 +78,3 @@ { x1: '63.2191022%', y1: '50%', x2: '21.8036493%', y2: '115.713387%', id: gradient1Name, __source: {

},
_react2.default.createElement('stop', { stopColor: startColor, offset: '0%', __source: {
React.createElement('stop', { stopColor: startColor, offset: '0%', __source: {
fileName: _jsxFileName,

@@ -123,3 +84,3 @@ lineNumber: 48

}),
_react2.default.createElement('stop', { stopColor: stopColor, offset: '100%', __source: {
React.createElement('stop', { stopColor: stopColor, offset: '100%', __source: {
fileName: _jsxFileName,

@@ -130,3 +91,3 @@ lineNumber: 49

),
_react2.default.createElement(
React.createElement(
'linearGradient',

@@ -138,3 +99,3 @@ { x1: '63.2191002%', y1: '50%', x2: '63.2191002%', y2: '0%', id: gradient2Name, __source: {

},
_react2.default.createElement('stop', { stopColor: startColor, offset: '0%', __source: {
React.createElement('stop', { stopColor: startColor, offset: '0%', __source: {
fileName: _jsxFileName,

@@ -144,3 +105,3 @@ lineNumber: 52

}),
_react2.default.createElement('stop', { stopColor: stopColor, offset: '100%', __source: {
React.createElement('stop', { stopColor: stopColor, offset: '100%', __source: {
fileName: _jsxFileName,

@@ -152,3 +113,3 @@ lineNumber: 53

),
_react2.default.createElement(
React.createElement(
'g',

@@ -160,3 +121,3 @@ { id: 'Content', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', __source: {

},
_react2.default.createElement('polyline', {
React.createElement('polyline', {
id: 'left-solid',

@@ -171,3 +132,3 @@ className: theme['left-solid'],

}),
_react2.default.createElement('polyline', {
React.createElement('polyline', {
id: 'right-solid',

@@ -182,3 +143,3 @@ className: theme['right-solid'],

}),
_react2.default.createElement('polyline', {
React.createElement('polyline', {
id: 'right-gradient',

@@ -193,3 +154,3 @@ className: theme['right-gradient'],

}),
_react2.default.createElement('polyline', {
React.createElement('polyline', {
id: 'left-gradient',

@@ -209,4 +170,5 @@ className: theme['left-gradient'],

}]);
return LoadingMolecule;
}(_react.Component);
}(Component);

@@ -219,15 +181,15 @@ LoadingMolecule.defaultProps = {

LoadingMolecule.propTypes = {
theme: _react.PropTypes.shape({
loadingMolecule: _react.PropTypes.string
theme: PropTypes.shape({
loadingMolecule: PropTypes.string
}),
basePath: _react.PropTypes.string.isRequired,
startColor: _react.PropTypes.string.isRequired,
stopColor: _react.PropTypes.string.isRequired,
type: _react.PropTypes.string
basePath: PropTypes.string.isRequired,
startColor: PropTypes.string.isRequired,
stopColor: PropTypes.string.isRequired,
type: PropTypes.string
};
var _default = (0, _reactCssThemr.themr)(_identifiers.LOADING_MOLECULE)(LoadingMolecule);
var _default = themr(LOADING_MOLECULE)(LoadingMolecule);
exports.default = _default;
exports.LoadingMolecule = LoadingMolecule;
export default _default;
export { LoadingMolecule };
;

@@ -240,7 +202,7 @@

__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');
}();
;

138

lib/menu/IconMenu.js

@@ -1,63 +0,19 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/IconMenu.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { MENU } from '../identifiers.js';
import InjectIconButton from '../button/IconButton.js';
import InjectMenu from './Menu.js';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconMenu = exports.iconMenuFactory = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/IconMenu.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers.js');
var _IconButton = require('../button/IconButton.js');
var _IconButton2 = _interopRequireDefault(_IconButton);
var _Menu = require('./Menu.js');
var _Menu2 = _interopRequireDefault(_Menu);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var factory = function factory(IconButton, Menu) {
var IconMenu = function (_Component) {
(0, _inherits3.default)(IconMenu, _Component);
_inherits(IconMenu, _Component);

@@ -69,3 +25,3 @@ function IconMenu() {

(0, _classCallCheck3.default)(this, IconMenu);
_classCallCheck(this, IconMenu);

@@ -76,3 +32,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = IconMenu.__proto__ || (0, _getPrototypeOf2.default)(IconMenu)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = IconMenu.__proto__ || _Object$getPrototypeOf(IconMenu)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
active: false

@@ -87,6 +43,6 @@ }, _this.handleButtonClick = function () {

return (_this3 = _this).__handleMenuHide__REACT_HOT_LOADER__.apply(_this3, arguments);
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(IconMenu, [{
_createClass(IconMenu, [{
key: '__handleButtonClick__REACT_HOT_LOADER__',

@@ -121,8 +77,7 @@ value: function __handleButtonClick__REACT_HOT_LOADER__(event) {

theme = _props.theme,
other = (0, _objectWithoutProperties3.default)(_props, ['children', 'className', 'icon', 'onHide', 'onSelect', 'onShow', 'position', 'selectable', 'selected', 'theme']);
other = _objectWithoutProperties(_props, ['children', 'className', 'icon', 'onHide', 'onSelect', 'onShow', 'position', 'selectable', 'selected', 'theme']);
return _react2.default.createElement(
return React.createElement(
'div',
(0, _extends3.default)({}, other, { className: (0, _classnames2.default)(theme.iconMenu, className), __source: {
_extends({}, other, { className: classnames(theme.iconMenu, className), __source: {
fileName: _jsxFileName,

@@ -132,3 +87,3 @@ lineNumber: 62

}),
_react2.default.createElement(IconButton, {
React.createElement(IconButton, {
className: theme.icon,

@@ -142,3 +97,3 @@ icon: icon,

}),
_react2.default.createElement(
React.createElement(
Menu,

@@ -164,19 +119,20 @@ {

}]);
return IconMenu;
}(_react.Component);
}(Component);
IconMenu.propTypes = {
children: _react.PropTypes.node,
className: _react.PropTypes.string,
icon: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element]),
onClick: _react.PropTypes.func,
onHide: _react.PropTypes.func,
onSelect: _react.PropTypes.func,
onShow: _react.PropTypes.func,
position: _react.PropTypes.string,
selectable: _react.PropTypes.bool,
selected: _react.PropTypes.any,
theme: _react.PropTypes.shape({
icon: _react.PropTypes.string,
iconMenu: _react.PropTypes.string
children: PropTypes.node,
className: PropTypes.string,
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
onClick: PropTypes.func,
onHide: PropTypes.func,
onSelect: PropTypes.func,
onShow: PropTypes.func,
position: PropTypes.string,
selectable: PropTypes.bool,
selected: PropTypes.any,
theme: PropTypes.shape({
icon: PropTypes.string,
iconMenu: PropTypes.string
})

@@ -195,9 +151,9 @@ };

var IconMenu = factory(_IconButton2.default, _Menu2.default);
var IconMenu = factory(InjectIconButton, InjectMenu);
var _default = (0, _reactCssThemr.themr)(_identifiers.MENU)(IconMenu);
var _default = themr(MENU)(IconMenu);
exports.default = _default;
exports.iconMenuFactory = factory;
exports.IconMenu = IconMenu;
export default _default;
export { factory as iconMenuFactory };
export { IconMenu };
;

@@ -210,9 +166,9 @@

__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');
}();
;

66

lib/menu/index.js

@@ -1,43 +0,25 @@

'use strict';
import { themr } from 'react-css-themr';
import { MENU } from '../identifiers';
import { IconButton } from '../button';
import { MenuDivider } from './MenuDivider';
import { menuItemFactory } from './MenuItem';
import { menuFactory } from './Menu';
import { iconMenuFactory } from './IconMenu';
import theme from './theme.css';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconMenu = exports.Menu = exports.MenuItem = exports.MenuDivider = undefined;
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _button = require('../button');
var _MenuDivider = require('./MenuDivider');
var _MenuItem = require('./MenuItem');
var _Menu = require('./Menu');
var _IconMenu = require('./IconMenu');
var _theme = require('./theme.css');
var _theme2 = _interopRequireDefault(_theme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var applyTheme = function applyTheme(Component) {
return (0, _reactCssThemr.themr)(_identifiers.MENU, _theme2.default)(Component);
return themr(MENU, theme)(Component);
};
var ThemedMenuDivider = applyTheme(_MenuDivider.MenuDivider);
var ThemedMenuItem = applyTheme((0, _MenuItem.menuItemFactory)());
var ThemedMenu = applyTheme((0, _Menu.menuFactory)(ThemedMenuItem));
var ThemedIconMenu = applyTheme((0, _IconMenu.iconMenuFactory)(_button.IconButton, ThemedMenu));
var ThemedMenuDivider = applyTheme(MenuDivider);
var ThemedMenuItem = applyTheme(menuItemFactory());
var ThemedMenu = applyTheme(menuFactory(ThemedMenuItem));
var ThemedIconMenu = applyTheme(iconMenuFactory(IconButton, ThemedMenu));
var _default = ThemedMenu;
exports.default = _default;
exports.MenuDivider = ThemedMenuDivider;
exports.MenuItem = ThemedMenuItem;
exports.Menu = ThemedMenu;
exports.IconMenu = ThemedIconMenu;
export default _default;
export { ThemedMenuDivider as MenuDivider };
export { ThemedMenuItem as MenuItem };
export { ThemedMenu as Menu };
export { ThemedIconMenu as IconMenu };
;

@@ -50,15 +32,15 @@

__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');
}();
;

175

lib/menu/Menu.js

@@ -1,64 +0,18 @@

'use strict';
import _Object$keys from 'babel-runtime/core-js/object/keys';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/Menu.js';
import React, { Component, PropTypes } from 'react';
import ReactDOM from 'react-dom';
import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { MENU } from '../identifiers.js';
import { events } from '../utils';
import { getViewport } from '../utils/utils';
import InjectMenuItem from './MenuItem.js';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Menu = exports.menuFactory = undefined;
var _keys = require('babel-runtime/core-js/object/keys');
var _keys2 = _interopRequireDefault(_keys);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/Menu.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
var _classnames2 = require('classnames');
var _classnames3 = _interopRequireDefault(_classnames2);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers.js');
var _utils = require('../utils');
var _utils2 = require('../utils/utils');
var _MenuItem = require('./MenuItem.js');
var _MenuItem2 = _interopRequireDefault(_MenuItem);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var POSITION = {

@@ -75,3 +29,3 @@ AUTO: 'auto',

var Menu = function (_Component) {
(0, _inherits3.default)(Menu, _Component);
_inherits(Menu, _Component);

@@ -83,3 +37,3 @@ function Menu() {

(0, _classCallCheck3.default)(this, Menu);
_classCallCheck(this, Menu);

@@ -90,3 +44,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Menu.__proto__ || (0, _getPrototypeOf2.default)(Menu)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Menu.__proto__ || _Object$getPrototypeOf(Menu)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
active: _this.props.active

@@ -101,6 +55,6 @@ }, _this.handleDocumentClick = function () {

return (_this3 = _this).__handleSelect__REACT_HOT_LOADER__.apply(_this3, arguments);
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(Menu, [{
_createClass(Menu, [{
key: 'componentDidMount',

@@ -163,3 +117,3 @@ value: function componentDidMount() {

if (!this.state.active && nextState.active) {
_utils.events.addEventsToDocument({
events.addEventsToDocument({
click: this.handleDocumentClick,

@@ -177,3 +131,3 @@ touchstart: this.handleDocumentClick

}
_utils.events.removeEventsFromDocument({
events.removeEventsFromDocument({
click: this.handleDocumentClick,

@@ -190,3 +144,3 @@ touchstart: this.handleDocumentClick

if (this.state.active) {
_utils.events.removeEventsFromDocument({
events.removeEventsFromDocument({
click: this.handleDocumentClick,

@@ -202,3 +156,3 @@ touchstart: this.handleDocumentClick

value: function __handleDocumentClick__REACT_HOT_LOADER__(event) {
if (this.state.active && !_utils.events.targetIsDescendant(event, _reactDom2.default.findDOMNode(this))) {
if (this.state.active && !events.targetIsDescendant(event, ReactDOM.findDOMNode(this))) {
this.setState({ active: false });

@@ -231,3 +185,3 @@ }

value: function calculatePosition() {
var parentNode = _reactDom2.default.findDOMNode(this).parentNode;
var parentNode = ReactDOM.findDOMNode(this).parentNode;
if (!parentNode) {

@@ -243,3 +197,3 @@ return;

var _getViewport = (0, _utils2.getViewport)(),
var _getViewport = getViewport(),
wh = _getViewport.height,

@@ -286,3 +240,3 @@ ww = _getViewport.width;

return _react2.default.Children.map(this.props.children, function (item) {
return React.Children.map(this.props.children, function (item) {
if (!item) {

@@ -292,3 +246,3 @@ return item;

if (item.type === MenuItem) {
return _react2.default.cloneElement(item, {
return React.cloneElement(item, {
selected: typeof item.props.value !== 'undefined' && _this7.props.selectable && item.props.value === _this7.props.selected,

@@ -298,3 +252,3 @@ onClick: _this7.handleSelect.bind(_this7, item)

} else {
return _react2.default.cloneElement(item);
return React.cloneElement(item);
}

@@ -325,5 +279,5 @@ });

var outlineStyle = { width: this.state.width, height: this.state.height };
var className = (0, _classnames3.default)([theme.menu, theme[this.state.position]], (0, _defineProperty3.default)({}, theme.active, this.state.active), this.props.className);
var className = classnames([theme.menu, theme[this.state.position]], _defineProperty({}, theme.active, this.state.active), this.props.className);
return _react2.default.createElement(
return React.createElement(
'div',

@@ -335,3 +289,3 @@ { 'data-teamleader-ui': 'menu', className: className, style: this.getRootStyle(), __source: {

},
this.props.outline ? _react2.default.createElement('div', { className: theme.outline, style: outlineStyle, __source: {
this.props.outline ? React.createElement('div', { className: theme.outline, style: outlineStyle, __source: {
fileName: _jsxFileName,

@@ -341,3 +295,3 @@ lineNumber: 231

}) : null,
_react2.default.createElement(
React.createElement(
'ul',

@@ -356,28 +310,29 @@ { ref: function ref(node) {

}]);
return Menu;
}(_react.Component);
}(Component);
Menu.propTypes = {
active: _react.PropTypes.bool,
children: _react.PropTypes.node,
className: _react.PropTypes.string,
onHide: _react.PropTypes.func,
onSelect: _react.PropTypes.func,
onShow: _react.PropTypes.func,
outline: _react.PropTypes.bool,
position: _react.PropTypes.oneOf((0, _keys2.default)(POSITION).map(function (key) {
active: PropTypes.bool,
children: PropTypes.node,
className: PropTypes.string,
onHide: PropTypes.func,
onSelect: PropTypes.func,
onShow: PropTypes.func,
outline: PropTypes.bool,
position: PropTypes.oneOf(_Object$keys(POSITION).map(function (key) {
return POSITION[key];
})),
selectable: _react.PropTypes.bool,
selected: _react.PropTypes.any,
theme: _react.PropTypes.shape({
active: _react.PropTypes.string,
bottomLeft: _react.PropTypes.string,
bottomRight: _react.PropTypes.string,
menu: _react.PropTypes.string,
menuInner: _react.PropTypes.string,
outline: _react.PropTypes.string,
static: _react.PropTypes.string,
topLeft: _react.PropTypes.string,
topRight: _react.PropTypes.string
selectable: PropTypes.bool,
selected: PropTypes.any,
theme: PropTypes.shape({
active: PropTypes.string,
bottomLeft: PropTypes.string,
bottomRight: PropTypes.string,
menu: PropTypes.string,
menuInner: PropTypes.string,
outline: PropTypes.string,
static: PropTypes.string,
topLeft: PropTypes.string,
topRight: PropTypes.string
})

@@ -396,9 +351,9 @@ };

var Menu = factory(_MenuItem2.default);
var Menu = factory(InjectMenuItem);
var _default = (0, _reactCssThemr.themr)(_identifiers.MENU)(Menu);
var _default = themr(MENU)(Menu);
exports.default = _default;
exports.menuFactory = factory;
exports.Menu = Menu;
export default _default;
export { factory as menuFactory };
export { Menu };
;

@@ -411,11 +366,11 @@

__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');
}();
;

37

lib/menu/MenuDivider.js

@@ -1,22 +0,9 @@

'use strict';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuDivider.js';
import React, { PropTypes } from 'react';
import { themr } from 'react-css-themr';
import { MENU } from '../identifiers.js';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MenuDivider = undefined;
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuDivider.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers.js');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var MenuDivider = function MenuDivider(_ref) {
var theme = _ref.theme;
return _react2.default.createElement('hr', { 'data-teamleader-ui': 'menu-divider', className: theme.menuDivider, __source: {
return React.createElement('hr', { 'data-teamleader-ui': 'menu-divider', className: theme.menuDivider, __source: {
fileName: _jsxFileName,

@@ -29,11 +16,11 @@ lineNumber: 6

MenuDivider.propTypes = {
theme: _react.PropTypes.shape({
menuDivider: _react.PropTypes.string
theme: PropTypes.shape({
menuDivider: PropTypes.string
})
};
var _default = (0, _reactCssThemr.themr)(_identifiers.MENU)(MenuDivider);
var _default = themr(MENU)(MenuDivider);
exports.default = _default;
exports.MenuDivider = MenuDivider;
export default _default;
export { MenuDivider };
;

@@ -46,7 +33,7 @@

__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');
}();
;

144

lib/menu/MenuItem.js

@@ -1,63 +0,19 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/menu/MenuItem.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { MENU } from '../identifiers.js';
import FontIcon from '../font_icon/FontIcon.js';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.MenuItem = exports.menuItemFactory = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/menu/MenuItem.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames2 = require('classnames');
var _classnames3 = _interopRequireDefault(_classnames2);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers.js');
var _FontIcon = require('../font_icon/FontIcon.js');
var _FontIcon2 = _interopRequireDefault(_FontIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var factory = function factory() {
var MenuItem = function (_Component) {
(0, _inherits3.default)(MenuItem, _Component);
_inherits(MenuItem, _Component);

@@ -69,3 +25,3 @@ function MenuItem() {

(0, _classCallCheck3.default)(this, MenuItem);
_classCallCheck(this, MenuItem);

@@ -76,10 +32,10 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = MenuItem.__proto__ || (0, _getPrototypeOf2.default)(MenuItem)).call.apply(_ref, [this].concat(args))), _this), _this.handleClick = function () {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MenuItem.__proto__ || _Object$getPrototypeOf(MenuItem)).call.apply(_ref, [this].concat(args))), _this), _this.handleClick = function () {
var _this2;
return (_this2 = _this).__handleClick__REACT_HOT_LOADER__.apply(_this2, arguments);
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(MenuItem, [{
_createClass(MenuItem, [{
key: '__handleClick__REACT_HOT_LOADER__',

@@ -104,10 +60,9 @@ value: function __handleClick__REACT_HOT_LOADER__(event) {

theme = _props.theme,
others = (0, _objectWithoutProperties3.default)(_props, ['icon', 'caption', 'children', 'shortcut', 'selected', 'disabled', 'theme']);
others = _objectWithoutProperties(_props, ['icon', 'caption', 'children', 'shortcut', 'selected', 'disabled', 'theme']);
var className = classnames(theme.menuItem, (_classnames = {}, _defineProperty(_classnames, theme.selected, selected), _defineProperty(_classnames, theme.disabled, disabled), _classnames), this.props.className);
var className = (0, _classnames3.default)(theme.menuItem, (_classnames = {}, (0, _defineProperty3.default)(_classnames, theme.selected, selected), (0, _defineProperty3.default)(_classnames, theme.disabled, disabled), _classnames), this.props.className);
return _react2.default.createElement(
return React.createElement(
'li',
(0, _extends3.default)({}, others, { 'data-teamleader-ui': 'menu-item', className: className, onClick: this.handleClick, __source: {
_extends({}, others, { 'data-teamleader-ui': 'menu-item', className: className, onClick: this.handleClick, __source: {
fileName: _jsxFileName,

@@ -117,3 +72,3 @@ lineNumber: 65

}),
icon ? _react2.default.createElement(_FontIcon2.default, { value: icon, className: theme.icon, __source: {
icon ? React.createElement(FontIcon, { value: icon, className: theme.icon, __source: {
fileName: _jsxFileName,

@@ -123,3 +78,3 @@ lineNumber: 66

}) : null,
_react2.default.createElement(
React.createElement(
'span',

@@ -133,3 +88,3 @@ { className: theme.caption, __source: {

),
shortcut ? _react2.default.createElement(
shortcut ? React.createElement(
'small',

@@ -147,21 +102,22 @@ { className: theme.shortcut, __source: {

}]);
return MenuItem;
}(_react.Component);
}(Component);
MenuItem.propTypes = {
caption: _react.PropTypes.string,
children: _react.PropTypes.any,
className: _react.PropTypes.string,
disabled: _react.PropTypes.bool,
icon: _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.element]),
onClick: _react.PropTypes.func,
selected: _react.PropTypes.bool,
shortcut: _react.PropTypes.string,
theme: _react.PropTypes.shape({
caption: _react.PropTypes.string,
disabled: _react.PropTypes.string,
icon: _react.PropTypes.string,
menuItem: _react.PropTypes.string,
selected: _react.PropTypes.string,
shortcut: _react.PropTypes.string
caption: PropTypes.string,
children: PropTypes.any,
className: PropTypes.string,
disabled: PropTypes.bool,
icon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
onClick: PropTypes.func,
selected: PropTypes.bool,
shortcut: PropTypes.string,
theme: PropTypes.shape({
caption: PropTypes.string,
disabled: PropTypes.string,
icon: PropTypes.string,
menuItem: PropTypes.string,
selected: PropTypes.string,
shortcut: PropTypes.string
})

@@ -181,7 +137,7 @@ };

var _default = (0, _reactCssThemr.themr)(_identifiers.MENU)(MenuItem);
var _default = themr(MENU)(MenuItem);
exports.default = _default;
exports.menuItemFactory = factory;
exports.MenuItem = MenuItem;
export default _default;
export { factory as menuItemFactory };
export { MenuItem };
;

@@ -194,9 +150,9 @@

__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');
}();
;

32

lib/overlay/index.js

@@ -1,24 +0,10 @@

'use strict';
import { themr } from 'react-css-themr';
import { OVERLAY } from '../identifiers';
import { Overlay } from './Overlay';
import theme from './theme.css';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Overlay = undefined;
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _Overlay = require('./Overlay');
var _theme = require('./theme.css');
var _theme2 = _interopRequireDefault(_theme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ThemedOverlay = (0, _reactCssThemr.themr)(_identifiers.OVERLAY, _theme2.default)(_Overlay.Overlay);
var ThemedOverlay = themr(OVERLAY, theme)(Overlay);
var _default = ThemedOverlay;
exports.default = _default;
exports.Overlay = ThemedOverlay;
export default _default;
export { ThemedOverlay as Overlay };
;

@@ -31,7 +17,7 @@

__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');
}();
;

118

lib/overlay/Overlay.js

@@ -1,58 +0,17 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/overlay/Overlay.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import { themr } from 'react-css-themr';
import { OVERLAY } from '../identifiers';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Overlay = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/overlay/Overlay.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames2 = require('classnames');
var _classnames3 = _interopRequireDefault(_classnames2);
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Overlay = function (_Component) {
(0, _inherits3.default)(Overlay, _Component);
_inherits(Overlay, _Component);

@@ -64,3 +23,3 @@ function Overlay() {

(0, _classCallCheck3.default)(this, Overlay);
_classCallCheck(this, Overlay);

@@ -71,3 +30,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = Overlay.__proto__ || (0, _getPrototypeOf2.default)(Overlay)).call.apply(_ref, [this].concat(args))), _this), _this.handleEscKey = function () {
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Overlay.__proto__ || _Object$getPrototypeOf(Overlay)).call.apply(_ref, [this].concat(args))), _this), _this.handleEscKey = function () {
var _this2;

@@ -80,6 +39,6 @@

return (_this3 = _this).__handleClick__REACT_HOT_LOADER__.apply(_this3, arguments);
}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
}, _temp), _possibleConstructorReturn(_this, _ret);
}
(0, _createClass3.default)(Overlay, [{
_createClass(Overlay, [{
key: 'componentDidMount',

@@ -161,7 +120,7 @@ value: function componentDidMount() {

onEscKeyDown = _props2.onEscKeyDown,
other = (0, _objectWithoutProperties3.default)(_props2, ['active', 'className', 'backdrop', 'lockScroll', 'theme', 'onEscKeyDown']); // eslint-disable-line
other = _objectWithoutProperties(_props2, ['active', 'className', 'backdrop', 'lockScroll', 'theme', 'onEscKeyDown']); // eslint-disable-line
return _react2.default.createElement('div', (0, _extends3.default)({}, other, {
return React.createElement('div', _extends({}, other, {
onClick: this.handleClick,
className: (0, _classnames3.default)(theme.overlay, theme[backdrop], (0, _defineProperty3.default)({}, theme.active, active), className),
className: classnames(theme.overlay, theme[backdrop], _defineProperty({}, theme.active, active), className),
__source: {

@@ -174,17 +133,18 @@ fileName: _jsxFileName,

}]);
return Overlay;
}(_react.Component);
}(Component);
Overlay.propTypes = {
active: _react.PropTypes.bool,
backdrop: _react.PropTypes.string,
children: _react.PropTypes.node,
className: _react.PropTypes.string,
lockScroll: _react.PropTypes.bool,
onClick: _react.PropTypes.func,
onEscKeyDown: _react.PropTypes.func,
theme: _react.PropTypes.shape({
active: _react.PropTypes.string,
backdrop: _react.PropTypes.string,
overlay: _react.PropTypes.string
active: PropTypes.bool,
backdrop: PropTypes.string,
children: PropTypes.node,
className: PropTypes.string,
lockScroll: PropTypes.bool,
onClick: PropTypes.func,
onEscKeyDown: PropTypes.func,
theme: PropTypes.shape({
active: PropTypes.string,
backdrop: PropTypes.string,
overlay: PropTypes.string
})

@@ -197,6 +157,6 @@ };

var _default = (0, _reactCssThemr.themr)(_identifiers.OVERLAY)(Overlay);
var _default = themr(OVERLAY)(Overlay);
exports.default = _default;
exports.Overlay = Overlay;
export default _default;
export { Overlay };
;

@@ -209,7 +169,7 @@

__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');
}();
;

35

lib/popover/index.js

@@ -1,26 +0,11 @@

'use strict';
import { themr } from 'react-css-themr';
import { POPOVER_VERTICAL, POPOVER_HORIZONTAL } from '../identifiers';
import { PopoverHorizontal, PopoverVertical } from './Popover';
import theme from './theme.css';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PopoverHorizontal = exports.PopoverVertical = undefined;
var ThemedPopoverVertical = themr(POPOVER_VERTICAL, theme)(PopoverVertical);
export { ThemedPopoverVertical as PopoverVertical };
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _Popover = require('./Popover');
var _theme = require('./theme.css');
var _theme2 = _interopRequireDefault(_theme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var ThemedPopoverVertical = (0, _reactCssThemr.themr)(_identifiers.POPOVER_VERTICAL, _theme2.default)(_Popover.PopoverVertical);
exports.PopoverVertical = ThemedPopoverVertical;
var ThemedPopoverHorizontal = (0, _reactCssThemr.themr)(_identifiers.POPOVER_HORIZONTAL, _theme2.default)(_Popover.PopoverHorizontal);
exports.PopoverHorizontal = ThemedPopoverHorizontal;
var ThemedPopoverHorizontal = themr(POPOVER_HORIZONTAL, theme)(PopoverHorizontal);
export { ThemedPopoverHorizontal as PopoverHorizontal };
;

@@ -33,7 +18,7 @@

__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');
}();
;

235

lib/popover/Popover.js

@@ -1,86 +0,31 @@

'use strict';
import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
var _jsxFileName = '/Users/nickwaelkens/Projects/teamleader-ui/components/popover/Popover.js';
import React, { Component, PropTypes } from 'react';
import classnames from 'classnames';
import { throttle } from 'lodash';
import ActivableRenderer from '../hoc/ActivableRenderer';
import Portal from '../hoc/Portal';
import InjectButton from '../button';
import InjectOverlay from '../overlay';
import { events } from '../utils';
import { themr } from 'react-css-themr';
import { POPOVER_HORIZONTAL, POPOVER_VERTICAL } from '../identifiers';
import { calculateHorizontalPositions, calculateVerticalPositions } from './positionCalculation';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PopoverVertical = exports.PopoverHorizontal = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _jsxFileName = '/Users/dries/Sites/teamleader-ui/components/popover/Popover.js';
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _classnames3 = require('classnames');
var _classnames4 = _interopRequireDefault(_classnames3);
var _lodash = require('lodash.throttle');
var _lodash2 = _interopRequireDefault(_lodash);
var _ActivableRenderer = require('../hoc/ActivableRenderer');
var _ActivableRenderer2 = _interopRequireDefault(_ActivableRenderer);
var _Portal = require('../hoc/Portal');
var _Portal2 = _interopRequireDefault(_Portal);
var _button = require('../button');
var _button2 = _interopRequireDefault(_button);
var _overlay = require('../overlay');
var _overlay2 = _interopRequireDefault(_overlay);
var _utils = require('../utils');
var _reactCssThemr = require('react-css-themr');
var _identifiers = require('../identifiers');
var _positionCalculation = require('./positionCalculation');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var factory = function factory(axis, calculatePositions, Overlay, Button) {
var Popover = function (_Component) {
(0, _inherits3.default)(Popover, _Component);
_inherits(Popover, _Component);
function Popover() {
(0, _classCallCheck3.default)(this, Popover);
_classCallCheck(this, Popover);
var _this = (0, _possibleConstructorReturn3.default)(this, (Popover.__proto__ || (0, _getPrototypeOf2.default)(Popover)).apply(this, arguments));
var _this = _possibleConstructorReturn(this, (Popover.__proto__ || _Object$getPrototypeOf(Popover)).apply(this, arguments));
_this._setPlacementThrottled = (0, _lodash2.default)(_this.setPlacement, 16);
_this._setPlacementThrottled = throttle(_this.setPlacement, 16);

@@ -102,3 +47,3 @@

(0, _createClass3.default)(Popover, [{
_createClass(Popover, [{
key: 'componentDidMount',

@@ -108,3 +53,3 @@ value: function componentDidMount() {

_utils.events.addEventsToWindow({
events.addEventsToWindow({
resize: this._setPlacementThrottled,

@@ -117,3 +62,3 @@ scroll: this._setPlacementThrottled

value: function componentWillUnmount() {
_utils.events.removeEventsFromWindow({
events.removeEventsFromWindow({
resize: this._setPlacementThrottled,

@@ -162,7 +107,7 @@ scroll: this._setPlacementThrottled

var actionButtons = actions.map(function (action, idx) {
var className = (0, _classnames4.default)(theme.button, (0, _defineProperty3.default)({}, action.className, action.className));
var className = classnames(theme.button, _defineProperty({}, action.className, action.className));
return _react2.default.createElement(Button, (0, _extends3.default)({ key: idx }, action, { className: className, __source: {
return React.createElement(Button, _extends({ key: idx }, action, { className: className, __source: {
fileName: _jsxFileName,
lineNumber: 130
lineNumber: 129
}

@@ -172,12 +117,12 @@ })); // eslint-disable-line

var className = (0, _classnames4.default)([theme.popover], (0, _defineProperty3.default)({}, theme.active, active));
var className = classnames([theme.popover], _defineProperty({}, theme.active, active));
return _react2.default.createElement(
_Portal2.default,
return React.createElement(
Portal,
{ className: theme.wrapper, __source: {
fileName: _jsxFileName,
lineNumber: 143
lineNumber: 142
}
},
_react2.default.createElement(Overlay, {
React.createElement(Overlay, {
active: active,

@@ -195,6 +140,6 @@ backdrop: backdrop,

fileName: _jsxFileName,
lineNumber: 144
lineNumber: 143
}
}),
_react2.default.createElement(
React.createElement(
'div',

@@ -207,22 +152,22 @@ {

fileName: _jsxFileName,
lineNumber: 156
lineNumber: 155
}
},
_react2.default.createElement('div', { className: theme.arrow, style: { left: arrowLeft + 'px', top: arrowTop + 'px' }, __source: {
React.createElement('div', { className: theme.arrow, style: { left: arrowLeft + 'px', top: arrowTop + 'px' }, __source: {
fileName: _jsxFileName,
lineNumber: 161
lineNumber: 160
}
}),
_react2.default.createElement(
React.createElement(
'header',
{ className: theme.header, __source: {
fileName: _jsxFileName,
lineNumber: 162
lineNumber: 161
}
},
title ? _react2.default.createElement(
title ? React.createElement(
'h6',
{ className: theme.title, __source: {
fileName: _jsxFileName,
lineNumber: 164
lineNumber: 163
}

@@ -232,7 +177,7 @@ },

) : null,
subtitle ? _react2.default.createElement(
subtitle ? React.createElement(
'p',
{ className: theme.subtitle, __source: {
fileName: _jsxFileName,
lineNumber: 168
lineNumber: 167
}

@@ -242,13 +187,13 @@ },

) : null,
_react2.default.createElement(Button, { icon: 'close', className: theme.close, onMouseUp: onCloseClick, __source: {
React.createElement(Button, { icon: 'close', className: theme.close, onMouseUp: onCloseClick, __source: {
fileName: _jsxFileName,
lineNumber: 171
lineNumber: 170
}
})
),
_react2.default.createElement(
React.createElement(
'section',
{ role: 'body', className: theme.body, __source: {
fileName: _jsxFileName,
lineNumber: 173
lineNumber: 172
}

@@ -258,7 +203,7 @@ },

),
actionButtons.length ? _react2.default.createElement(
actionButtons.length ? React.createElement(
'nav',
{ role: 'navigation', className: theme.navigation, __source: {
fileName: _jsxFileName,
lineNumber: 177
lineNumber: 176
}

@@ -272,40 +217,40 @@ },

}]);
return Popover;
}(_react.Component);
}(Component);
Popover.propTypes = {
actions: _react.PropTypes.arrayOf(_react.PropTypes.shape({
className: _react.PropTypes.string,
label: _react.PropTypes.string,
children: _react.PropTypes.node
actions: PropTypes.arrayOf(PropTypes.shape({
className: PropTypes.string,
label: PropTypes.string,
children: PropTypes.node
})),
active: _react.PropTypes.bool,
anchorEl: _react.PropTypes.object,
backdrop: _react.PropTypes.string,
children: _react.PropTypes.node,
className: _react.PropTypes.string,
onCloseClick: _react.PropTypes.func,
onEscKeyDown: _react.PropTypes.func,
onOverlayClick: _react.PropTypes.func,
onOverlayMouseDown: _react.PropTypes.func,
onOverlayMouseMove: _react.PropTypes.func,
onOverlayMouseUp: _react.PropTypes.func,
theme: _react.PropTypes.shape({
active: _react.PropTypes.string,
arrow: _react.PropTypes.string,
body: _react.PropTypes.string,
button: _react.PropTypes.string,
close: _react.PropTypes.string,
dialog: _react.PropTypes.string,
header: _react.PropTypes.string,
navigation: _react.PropTypes.string,
overlay: _react.PropTypes.string,
title: _react.PropTypes.string,
subtitle: _react.PropTypes.string,
wrapper: _react.PropTypes.string
active: PropTypes.bool,
anchorEl: PropTypes.object,
backdrop: PropTypes.string,
children: PropTypes.node,
onCloseClick: PropTypes.func,
onEscKeyDown: PropTypes.func,
onOverlayClick: PropTypes.func,
onOverlayMouseDown: PropTypes.func,
onOverlayMouseMove: PropTypes.func,
onOverlayMouseUp: PropTypes.func,
theme: PropTypes.shape({
active: PropTypes.string,
arrow: PropTypes.string,
body: PropTypes.string,
button: PropTypes.string,
close: PropTypes.string,
dialog: PropTypes.string,
header: PropTypes.string,
navigation: PropTypes.string,
overlay: PropTypes.string,
title: PropTypes.string,
subtitle: PropTypes.string,
wrapper: PropTypes.string
}),
title: _react.PropTypes.string,
subtitle: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.object, _react2.default.PropTypes.string]),
position: _react.PropTypes.string.isRequired,
direction: _react.PropTypes.string.isRequired
title: PropTypes.string,
subtitle: React.PropTypes.oneOfType([React.PropTypes.object, React.PropTypes.string]),
position: PropTypes.string.isRequired,
direction: PropTypes.string.isRequired
};

@@ -319,8 +264,8 @@ Popover.defaultProps = {

return (0, _ActivableRenderer2.default)()(Popover);
return ActivableRenderer()(Popover);
};
var PopoverHorizontal = exports.PopoverHorizontal = (0, _reactCssThemr.themr)(_identifiers.POPOVER_HORIZONTAL)(factory('horizontal', _positionCalculation.calculateHorizontalPositions, _overlay2.default, _button2.default));
export var PopoverHorizontal = themr(POPOVER_HORIZONTAL)(factory('horizontal', calculateHorizontalPositions, InjectOverlay, InjectButton));
var PopoverVertical = exports.PopoverVertical = (0, _reactCssThemr.themr)(_identifiers.POPOVER_VERTICAL)(factory('vertical', _positionCalculation.calculateVerticalPositions, _overlay2.default, _button2.default));
export var PopoverVertical = themr(POPOVER_VERTICAL)(factory('vertical', calculateVerticalPositions, InjectOverlay, InjectButton));
;

@@ -333,9 +278,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');
}();
;

64

lib/popover/positionCalculation.js

@@ -1,16 +0,2 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
exports.calculateHorizontalPositions = calculateHorizontalPositions;
exports.calculateVerticalPositions = calculateVerticalPositions;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
import _extends from 'babel-runtime/helpers/extends';
var ARROW_OFFSET = 7;

@@ -187,3 +173,3 @@ var POPUP_OFFSET = 12;

function calculateHorizontalPositions(anchorEl, targetEl, inputDirection, inputPosition) {
export function calculateHorizontalPositions(anchorEl, targetEl, inputDirection, inputPosition) {
var anchorPosition = getAnchorPosition(anchorEl);

@@ -211,6 +197,6 @@ var targetPosition = getTargetPosition(targetEl);

return (0, _extends3.default)({}, direction, position);
return _extends({}, direction, position);
}
function calculateVerticalPositions(anchorEl, targetEl, inputDirection, inputPosition) {
export function calculateVerticalPositions(anchorEl, targetEl, inputDirection, inputPosition) {
var anchorPosition = getAnchorPosition(anchorEl);

@@ -238,3 +224,3 @@ var targetPosition = getTargetPosition(targetEl);

return (0, _extends3.default)({}, direction, position);
return _extends({}, direction, position);
}

@@ -248,43 +234,43 @@ ;

__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');
}();
;

14

lib/utils/events.js

@@ -1,6 +0,1 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _default = {

@@ -70,5 +65,4 @@ getMousePosition: function getMousePosition(event) {

};
exports.default = _default;
export default _default;
var TRANSITIONS = {

@@ -95,9 +89,9 @@ 'transition': 'transitionend',

__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');
}();
;

22

lib/utils/index.js

@@ -1,20 +0,8 @@

'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.events = undefined;
var _events = require('./events.js');
var _events2 = _interopRequireDefault(_events);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
import events from './events.js';
// import prefixer from './prefixer.js';
// import time from './time.js';
var _default = { events: _events2.default };
exports.default = _default;
exports.events = _events2.default;
var _default = { events: events };
export default _default;
export { events };
// export {prefixer};

@@ -30,5 +18,5 @@ // export {time};

__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');
}();
;

9

lib/utils/utils.js

@@ -1,7 +0,2 @@

"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var getViewport = exports.getViewport = function getViewport() {
export var getViewport = function getViewport() {
return {

@@ -19,5 +14,5 @@ height: window.innerHeight || document.documentElement.offsetHeight,

__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");
}();
;

59

package.json
{
"name": "teamleader-ui",
"description": "Teamleader UI library",
"version": "0.0.9-alpha",
"version": "0.0.10-alpha",
"author": "Teamleader <development@teamleader.eu>",
"contributors": [
"Dries Decramer <dries.decramer@teamleader.eu>"
],
"betterScripts": {

@@ -17,3 +14,3 @@ "compile": {

"deploy": {
"command": "npm run lint && npm run test && npm run clean && npm run compile",
"command": "npm run lint && npm run clean && npm run compile",
"env": {

@@ -49,9 +46,2 @@ "DEBUG": "app:*"

}
},
"test": {
"command": "node ./node_modules/karma/bin/karma start build/karma.conf",
"env": {
"NODE_ENV": "test",
"DEBUG": "app:*"
}
}

@@ -62,2 +52,7 @@ },

},
"contributors": [
"Dries Decramer <dries.decramer@teamleader.eu>",
"Nick Waelkens <nick.waelkens@teamleader.eu>",
"Lowie Benoot <lowie.benoot@teamleader.eu>"
],
"dependencies": {

@@ -82,7 +77,2 @@ "classnames": "^2.2.5",

"better-npm-run": "0.0.11",
"chai": "^3.4.1",
"chai-as-promised": "^5.3.0",
"chai-enzyme": "^0.5.2",
"cheerio": "^0.22.0",
"codecov": "^1.0.1",
"connect-history-api-fallback": "^1.3.0",

@@ -93,3 +83,2 @@ "cpx": "^1.5.0",

"debug": "^2.2.0",
"enzyme": "^2.6.0",
"eslint": "^3.0.1",

@@ -103,3 +92,3 @@ "eslint-config-standard": "^6.0.0",

"express": "^4.14.0",
"extract-text-webpack-plugin": "^1.0.0",
"extract-text-webpack-plugin": "^2.1.0",
"file-loader": "^0.9.0",

@@ -115,20 +104,12 @@ "fs-extra": "^0.30.0",

"json-loader": "^0.5.4",
"karma": "^1.0.0",
"karma-coverage": "^1.0.0",
"karma-mocha": "^1.0.1",
"karma-mocha-reporter": "^2.0.0",
"karma-phantomjs-launcher": "^1.0.2",
"karma-webpack-with-fast-source-maps": "^1.9.2",
"lodash.throttle": "4.1.1",
"mocha": "^3.0.1",
"phantomjs-prebuilt": "^2.1.12",
"lodash": "^4.17.4",
"postcss": "^5.2.16",
"postcss-cssnext": "^2.9.0",
"postcss-each": "^0.9.3",
"postcss-import": "^9.0.0",
"postcss-loader": "^0.13.0",
"postcss-loader": "^1.3.3",
"postcss-mixins": "^5.4.1",
"postcss-nested": "^1.0.0",
"postcss-pseudoelements": "^4.0.0",
"postcss-reporter": "^3.0.0",
"promise-polyfill": "^6.0.2",
"react-addons-test-utils": "^15.4.1",
"react-hot-loader": "^3.0.0-beta.6",

@@ -138,10 +119,7 @@ "redbox-react": "^1.3.2",

"run-sequence": "^1.2.2",
"sinon": "^1.17.5",
"sinon-chai": "^2.8.0",
"style-loader": "^0.13.1",
"url-loader": "^0.5.6",
"webpack": "^1.14.0",
"webpack-bundle-tracker": "0.0.93",
"webpack-dev-middleware": "^1.6.1",
"webpack-hot-middleware": "^2.12.2",
"webpack": "^2.3.3",
"webpack-dev-middleware": "^1.10.1",
"webpack-hot-middleware": "^2.18.0",
"yargs": "^5.0.0"

@@ -164,4 +142,2 @@ },

"scripts": {
"precommit": "npm run lint:fix",
"prepush": "npm test",
"babel": "babel ./components/**/*.js --out-dir ./lib",

@@ -179,7 +155,6 @@ "build": "NODE_ENV=production rimraf lib && gulp",

"lint:fix": "npm run lint -- --fix",
"precommit": "npm run lint:fix",
"prepublish": "npm run build",
"start": "better-npm-run start",
"test": "better-npm-run test",
"test:dev": "npm run test -- --watch"
"start": "better-npm-run start"
}
}

25

postcss.config.js

@@ -1,1 +0,24 @@

module.exports = {};
const path = require('path');
module.exports = ctx => {
return {
parser: false,
map: ctx.env === 'development' ? ctx.map : false,
from: ctx.from,
to: ctx.to,
plugins: {
'postcss-import': {
root: __dirname,
path: [path.join(__dirname, './components')]
},
'postcss-pseudoelements': {},
'postcss-mixins': {},
'postcss-each': {},
'postcss-cssnext': {},
'postcss-nested': {},
'postcss-reporter': {
clearMessages: true,
},
},
};
};

39

spec/components/button.js

@@ -13,13 +13,13 @@ import React from 'react';

<p>
<Button primary onMouseUp={handleItemClick}>Primary flat</Button>&nbsp;
<Button primary icon="search">Primary flat with icon</Button>&nbsp;
<Button primary onMouseUp={handleItemClick}>Primary</Button>&nbsp;
<Button primary icon="search">Primary with icon</Button>&nbsp;
<Button primary icon="search" />
</p>
<p>
<Button primary processing>Primary flat processing</Button>&nbsp;
<Button primary processing icon="search">Primary flat processing with icon</Button>&nbsp;
<Button primary processing>Primary processing</Button>&nbsp;
<Button primary processing icon="search">Primary processing with icon</Button>&nbsp;
<Button primary processing />
</p>
<p>
<Button primary disabled>Primary flat disabled</Button>&nbsp;
<Button primary disabled>Primary disabled</Button>&nbsp;
<Button primary disabled icon="search">Primary disabled with icon</Button>&nbsp;

@@ -32,4 +32,4 @@ <Button primary disabled icon="search" />

<p>
<Button>Neutral flat</Button>&nbsp;
<Button icon="search">Neutral flat with icon</Button>&nbsp;
<Button>Secondary</Button>&nbsp;
<Button icon="search">Secondary with icon</Button>&nbsp;
<Button icon="search" />

@@ -39,4 +39,9 @@ </p>

<p>
<Button processing>Neutral flat processing</Button>&nbsp;
<Button processing icon="search">Neutral flat processing with icon</Button>&nbsp;
<Button bordered>Secondary bordered</Button>&nbsp;
<Button bordered icon="search">Secondary with icon and border</Button>&nbsp;
</p>
<p>
<Button processing>Secondary processing</Button>&nbsp;
<Button processing icon="search">Secondary processing with icon</Button>&nbsp;
<Button processing />

@@ -46,7 +51,19 @@ </p>

<p>
<Button disabled>Neutral flat disabled</Button>&nbsp;
<Button disabled icon="search">Neutral disabled with icon</Button>&nbsp;
<Button bordered processing>Secondary bordered processing</Button>&nbsp;
<Button bordered processing icon="search">Secondary processing with icon</Button>&nbsp;
<Button bordered processing />
</p>
<p>
<Button disabled>Secondary disabled</Button>&nbsp;
<Button disabled icon="search">Secondary disabled with icon</Button>&nbsp;
<Button disabled icon="search" />
</p>
<p>
<Button bordered disabled>Secondary bordered disabled</Button>&nbsp;
<Button bordered disabled icon="search">Secondary disabled with icon</Button>&nbsp;
<Button bordered disabled icon="search" />
</p>
<hr />

@@ -53,0 +70,0 @@ </section>

tests/dummy.spec.js
tests/test-bundler.js
.babelrc

Sorry, the diff of this file is not supported yet

.eslintrc

Sorry, the diff of this file is not supported yet

components/button/config.css

Sorry, the diff of this file is not supported yet

components/button/theme.css

Sorry, the diff of this file is not supported yet

lib/button/config.css

Sorry, the diff of this file is not supported yet

lib/button/theme.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc