react-bootstrap - npm Package Compare versions

Comparing version 0.15.1 to 0.16.0

amd/bower.json

 {
   "name": "react-bootstrap",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "homepage": "http://react-bootstrap.github.io/",
@@ -5,0 +5,0 @@ "author": "Stephen J. Collings <[e-mail]>",

amd/lib/ListGroup.js

@@ -23,3 +23,2 @@ define(function (require, exports, module) {var React = require('react');
     return cloneWithProps(child, {
-      onClick: createChainedFunction(child.props.onClick, this.props.onClick),
       ref: child.ref,
@@ -26,0 +25,0 @@ key: child.key ? child.key : index

amd/lib/ListGroupItem.js

@@ -54,4 +54,4 @@ define(function (require, exports, module) {var React = require('react');
         this.props, 
-        {className: joinClasses(this.props.className, classSet(classes)), 
-        onClick: this.handleClick}), 
+        {className: joinClasses(this.props.className, classSet(classes))
+      }), 
         this.props.header ? this.renderStructuredContent() : this.props.children
@@ -86,9 +86,2 @@ )
     };
-  },
-
-  handleClick: function (e) {
-    if (this.props.onClick) {
-      e.preventDefault();
-      this.props.onClick(this.props.eventKey, this.props.href, this.props.target);
-    }
   }
@@ -95,0 +88,0 @@ });

amd/lib/Modal.js

@@ -61,3 +61,3 @@ define(function (require, exports, module) {/* global document:false */
         React.createElement("div", {className: classSet(dialogClasses)}, 
-          React.createElement("div", {className: "modal-content"}, 
+          React.createElement("div", {className: "modal-content", style: {overflow: 'hidden'}}, 
             this.props.title ? this.renderHeader() : null, 
@@ -101,4 +101,13 @@ this.props.children
 
+    var style = this.props.bsStyle;
+    var classes = {
+      'modal-header': true
+    };
+    classes['bg-' + style] = style;
+    classes['text-' + style] = style;
+
+    var className = classSet(classes);
+
     return (
-      React.createElement("div", {className: "modal-header"}, 
+      React.createElement("div", {className: className}, 
         closeButton, 
@@ -105,0 +114,0 @@ this.renderTitle()

amd/lib/Navbar.js

@@ -25,2 +25,6 @@ define(function (require, exports, module) {var React = require('react');
     toggleButton: React.PropTypes.node,
+    toggleNavKey: React.PropTypes.oneOfType([
+      React.PropTypes.string,
+      React.PropTypes.number
+    ]),
     onToggle: React.PropTypes.func,
@@ -79,3 +83,3 @@ navExpanded: React.PropTypes.bool,
         React.createElement("div", {className: this.props.fluid ? 'container-fluid' : 'container'}, 
-          (this.props.brand || this.props.toggleButton || this.props.toggleNavKey) ? this.renderHeader() : null, 
+          (this.props.brand || this.props.toggleButton || this.props.toggleNavKey != null) ? this.renderHeader() : null, 
           ValidComponentChildren.map(this.props.children, this.renderChild)
@@ -82,0 +86,0 @@ )

CHANGELOG.md

@@ -0,1 +1,15 @@
+v0.16.0 - Fri, 27 Feb 2015 14:01:37 GMT
+---------------------------------------
+
+- [25b4143](../../commit/25b4143) [fixed] Define toggleNavKey in the propTypes
+- [1a4ae1d](../../commit/1a4ae1d) [fixed] Fix rendering Navbar header when toggleNavKey is 0
+- [13f395d](../../commit/13f395d) [added] bsStyle prop support for Modal to set the header color
+- [c822837](../../commit/c822837) [removed] non-standard onClick props for ListGroup and ListGroupItem
+- [1556e63](../../commit/1556e63) [added] Example for collapsable Navbar in docs.
+- [587a34f](../../commit/587a34f) [fixed] Include .npmignore so compile lib dir is published
+- [1ef51cb](../../commit/1ef51cb) [added] Changelog generation from commit messages
+- [13baeaa](../../commit/13baeaa) [added] Release task to push and tag docs and bower repos
+- [0193046](../../commit/0193046) [changed] Move built components to lib directory
+
+
 v0.15.1 - Tue, 17 Feb 2015 14:30:54 GMT
@@ -2,0 +16,0 @@ ---------------------------------------

lib/ListGroup.js

@@ -23,3 +23,2 @@ var React = require('react');
     return cloneWithProps(child, {
-      onClick: createChainedFunction(child.props.onClick, this.props.onClick),
       ref: child.ref,
@@ -26,0 +25,0 @@ key: child.key ? child.key : index

lib/ListGroupItem.js

@@ -54,4 +54,4 @@ var React = require('react');
         this.props, 
-        {className: joinClasses(this.props.className, classSet(classes)), 
-        onClick: this.handleClick}), 
+        {className: joinClasses(this.props.className, classSet(classes))
+      }), 
         this.props.header ? this.renderStructuredContent() : this.props.children
@@ -86,9 +86,2 @@ )
     };
-  },
-
-  handleClick: function (e) {
-    if (this.props.onClick) {
-      e.preventDefault();
-      this.props.onClick(this.props.eventKey, this.props.href, this.props.target);
-    }
   }
@@ -95,0 +88,0 @@ });

lib/Modal.js

@@ -61,3 +61,3 @@ /* global document:false */
         React.createElement("div", {className: classSet(dialogClasses)}, 
-          React.createElement("div", {className: "modal-content"}, 
+          React.createElement("div", {className: "modal-content", style: {overflow: 'hidden'}}, 
             this.props.title ? this.renderHeader() : null, 
@@ -101,4 +101,13 @@ this.props.children
 
+    var style = this.props.bsStyle;
+    var classes = {
+      'modal-header': true
+    };
+    classes['bg-' + style] = style;
+    classes['text-' + style] = style;
+
+    var className = classSet(classes);
+
     return (
-      React.createElement("div", {className: "modal-header"}, 
+      React.createElement("div", {className: className}, 
         closeButton, 
@@ -105,0 +114,0 @@ this.renderTitle()

lib/Navbar.js

@@ -25,2 +25,6 @@ var React = require('react');
     toggleButton: React.PropTypes.node,
+    toggleNavKey: React.PropTypes.oneOfType([
+      React.PropTypes.string,
+      React.PropTypes.number
+    ]),
     onToggle: React.PropTypes.func,
@@ -79,3 +83,3 @@ navExpanded: React.PropTypes.bool,
         React.createElement("div", {className: this.props.fluid ? 'container-fluid' : 'container'}, 
-          (this.props.brand || this.props.toggleButton || this.props.toggleNavKey) ? this.renderHeader() : null, 
+          (this.props.brand || this.props.toggleButton || this.props.toggleNavKey != null) ? this.renderHeader() : null, 
           ValidComponentChildren.map(this.props.children, this.renderChild)
@@ -82,0 +86,0 @@ )

lib/package.json

 {
   "name": "react-bootstrap",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "description": "Bootstrap 3 components build with React",
@@ -5,0 +5,0 @@ "homepage": "http://react-bootstrap.github.io/",

package.json

 {
   "name": "react-bootstrap",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "description": "Bootstrap 3 components build with React",
@@ -12,4 +12,4 @@ "repository": {
     "build": "./node_modules/.bin/grunt build",
-    "test-watch": "./node_modules/.bin/grunt watch 2>&1 >/dev/null & ./node_modules/karma/bin/karma start karma.dev.js",
-    "test": "./node_modules/.bin/grunt build && ./node_modules/karma/bin/karma start karma.ci.js"
+    "test-watch": "./node_modules/.bin/grunt test-watch",
+    "test": "./node_modules/.bin/grunt test"
   },
@@ -43,2 +43,3 @@ "main": "lib/main.js",
     "grunt-contrib-watch": "~0.5.3",
+    "grunt-karma": "^0.10.1",
     "grunt-react": "~0.10.0",
@@ -45,0 +46,0 @@ "grunt-shell": "~0.6.4",

README.md

@@ -13,2 +13,6 @@ # react-bootstrap
 
+### Bootstrap Version
+
+Currently supports v3.2.0, but v3.3+ support is coming soon.
+
 ## Authors
@@ -15,0 +19,0 @@

src/ListGroup.jsx

@@ -23,3 +23,2 @@ var React = require('react');
     return cloneWithProps(child, {
-      onClick: createChainedFunction(child.props.onClick, this.props.onClick),
       ref: child.ref,
@@ -26,0 +25,0 @@ key: child.key ? child.key : index

src/ListGroupItem.jsx

@@ -55,3 +55,3 @@ var React = require('react');
         className={joinClasses(this.props.className, classSet(classes))}
-        onClick={this.handleClick}>
+      >
         {this.props.header ? this.renderStructuredContent() : this.props.children}
@@ -86,9 +86,2 @@ </a>
     };
-  },
-
-  handleClick: function (e) {
-    if (this.props.onClick) {
-      e.preventDefault();
-      this.props.onClick(this.props.eventKey, this.props.href, this.props.target);
-    }
   }
@@ -95,0 +88,0 @@ });

src/Modal.jsx

@@ -61,3 +61,3 @@ /* global document:false */
         <div className={classSet(dialogClasses)}>
-          <div className="modal-content">
+          <div className="modal-content" style={{overflow: 'hidden'}}>
             {this.props.title ? this.renderHeader() : null}
@@ -101,4 +101,13 @@ {this.props.children}
 
+    var style = this.props.bsStyle;
+    var classes = {
+      'modal-header': true
+    };
+    classes['bg-' + style] = style;
+    classes['text-' + style] = style;
+
+    var className = classSet(classes);
+
     return (
-      <div className="modal-header">
+      <div className={className}>
         {closeButton}
@@ -105,0 +114,0 @@ {this.renderTitle()}

src/Navbar.jsx

@@ -25,2 +25,6 @@ var React = require('react');
     toggleButton: React.PropTypes.node,
+    toggleNavKey: React.PropTypes.oneOfType([
+      React.PropTypes.string,
+      React.PropTypes.number
+    ]),
     onToggle: React.PropTypes.func,
@@ -79,3 +83,3 @@ navExpanded: React.PropTypes.bool,
         <div className={this.props.fluid ? 'container-fluid' : 'container'}>
-          {(this.props.brand || this.props.toggleButton || this.props.toggleNavKey) ? this.renderHeader() : null}
+          {(this.props.brand || this.props.toggleButton || this.props.toggleNavKey != null) ? this.renderHeader() : null}
           {ValidComponentChildren.map(this.props.children, this.renderChild)}
@@ -82,0 +86,0 @@ </div>

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

660588

increased by0.19%

Number of package files

201

increased by0.5%

Lines of code

18097

increased by0.09%

Number of lines in readme file

36

increased by12.5%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

34

increased by3.03%

No dependency changes