teamleader-ui - npm Package Compare versions

Comparing version 0.0.3-alpha to 0.0.4-alpha

build/webpack.config.js

@@ -123,3 +123,2 @@ const webpack = require('webpack');
 const PATHS_TO_TREAT_AS_CSS_MODULES = [
-  // 'react-toolbox', (example)
   'components',
@@ -126,0 +125,0 @@ 'lib'

components/index.js

@@ -1,1 +0,13 @@
-export Button from './button';
+import Button, { IconButton } from './button';
+import { FontIcon } from './font_icon';
+import Menu, { IconMenu, MenuItem, MenuDivider } from './menu';
+
+export {
+  Button,
+  IconButton,
+  FontIcon,
+  Menu,
+  IconMenu,
+  MenuItem,
+  MenuDivider,
+};

components/menu/index.js

@@ -17,2 +17,3 @@ import { themr } from 'react-css-themr';
 
+export default ThemedMenu;
 export { ThemedMenuDivider as MenuDivider };
@@ -19,0 +20,0 @@ export { ThemedMenuItem as MenuItem };

components/menu/Menu.js

@@ -58,3 +58,3 @@ import React, { Component, PropTypes } from 'react';
       this.positionTimeoutHandle = setTimeout(() => {
-        const { width, height } = this.refs.menu.getBoundingClientRect();
+        const { width, height } = this.menuNode.getBoundingClientRect();
         const position = this.props.position === POSITION.AUTO
@@ -215,3 +215,3 @@ ? this.calculatePosition()
     show () {
-      const { width, height } = this.refs.menu.getBoundingClientRect();
+      const { width, height } = this.menuNode.getBoundingClientRect();
       this.setState({ active: true, width, height });
@@ -234,3 +234,5 @@ }
           {this.props.outline ? <div className={theme.outline} style={outlineStyle} /> : null}
-          <ul ref='menu' className={theme.menuInner} style={this.getMenuStyle()}>
+          <ul ref={(node) => {
+            this.menuNode = node;
+          }} className={theme.menuInner} style={this.getMenuStyle()}>
             {this.renderItems()}
@@ -237,0 +239,0 @@ </ul>

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.Button = undefined;
+exports.MenuDivider = exports.MenuItem = exports.IconMenu = exports.Menu = exports.FontIcon = exports.IconButton = exports.Button = undefined;
 
@@ -13,5 +13,17 @@ var _button = require('./button');
 
+var _font_icon = require('./font_icon');
+
+var _menu = require('./menu');
+
+var _menu2 = _interopRequireDefault(_menu);
+
 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;
 ;
@@ -18,0 +30,0 @@

lib/menu/index.js

@@ -37,2 +37,4 @@ 'use strict';
 
+var _default = ThemedMenu;
+exports.default = _default;
 exports.MenuDivider = ThemedMenuDivider;
@@ -58,4 +60,6 @@ exports.MenuItem = ThemedMenuItem;
   __REACT_HOT_LOADER__.register(ThemedIconMenu, 'ThemedIconMenu', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
+
+  __REACT_HOT_LOADER__.register(_default, 'default', '/Users/dries/Sites/teamleader-ui/components/menu/index.js');
 }();
 
 ;

lib/menu/Menu.js

@@ -107,5 +107,5 @@ 'use strict';
         this.positionTimeoutHandle = setTimeout(function () {
-          var _refs$menu$getBoundin = _this4.refs.menu.getBoundingClientRect(),
-              width = _refs$menu$getBoundin.width,
-              height = _refs$menu$getBoundin.height;
+          var _menuNode$getBounding = _this4.menuNode.getBoundingClientRect(),
+              width = _menuNode$getBounding.width,
+              height = _menuNode$getBounding.height;
 
@@ -294,5 +294,5 @@ var position = _this4.props.position === POSITION.AUTO ? _this4.calculatePosition() : _this4.props.position;
       value: function show() {
-        var _refs$menu$getBoundin2 = this.refs.menu.getBoundingClientRect(),
-            width = _refs$menu$getBoundin2.width,
-            height = _refs$menu$getBoundin2.height;
+        var _menuNode$getBounding2 = this.menuNode.getBoundingClientRect(),
+            width = _menuNode$getBounding2.width,
+            height = _menuNode$getBounding2.height;
 
@@ -309,2 +309,4 @@ this.setState({ active: true, width: width, height: height });
       value: function render() {
+        var _this8 = this;
+
         var theme = this.props.theme;
@@ -329,3 +331,5 @@
             'ul',
-            { ref: 'menu', className: theme.menuInner, style: this.getMenuStyle(), __source: {
+            { ref: function ref(node) {
+                _this8.menuNode = node;
+              }, className: theme.menuInner, style: this.getMenuStyle(), __source: {
                 fileName: _jsxFileName,
@@ -332,0 +336,0 @@ lineNumber: 232

package.json

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

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

349660

increased by0.3%

Lines of code

4874

increased by0.58%

No dependency changes