react-split-panel - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/SplitPanel.js

@@ -13,2 +13,6 @@ 'use strict';
 
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -81,4 +85,2 @@
       var totalSize = this.refs.self[this.domSizeProperty];
-      console.log(totalSize);
-      console.log(this.dividerSize);
       this.setState({
@@ -102,5 +104,8 @@ dividerPos: totalSize / 2,
 
+      var klass = (0, _classnames2.default)("splitPanel", this.props.direction, {
+        'splitPanelResizing': this.state.dragging
+      });
       return _react2.default.createElement(
         'div',
-        { ref: 'self', className: 'splitPanel ' + this.props.direction },
+        { ref: 'self', className: klass },
         _react2.default.createElement(
@@ -107,0 +112,0 @@ 'div',

package.json

 {
   "name": "react-split-panel",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "A split panel component for React.",
@@ -5,0 +5,0 @@ "main": "./dist/SplitPanel.js",

src/SplitPanel.jsx

 import React from 'react';
+import classNames from 'classnames';
 
@@ -81,4 +82,2 @@ export default class SplitPanel extends React.Component {
     const totalSize = this.refs.self[this.domSizeProperty];
-    console.log(totalSize);
-    console.log(this.dividerSize);
     this.setState({
@@ -100,3 +99,6 @@ dividerPos: totalSize / 2,
 
-    return <div ref="self" className={`splitPanel ${this.props.direction}`}>
+    const klass = classNames("splitPanel", this.props.direction, {
+      'splitPanelResizing': this.state.dragging
+    });
+    return <div ref="self" className={klass}>
       <div className="splitPanelItem" style={firstStyle}>
@@ -103,0 +105,0 @@ {this.props.children[0]}

No alert changes

Improved metrics

Total package byte prevSize

14696

increased by5.7%

Lines of code

272

increased by4.62%

No dependency changes