react-bootstrap - npm Package Compare versions

Comparing version 0.13.1 to 0.13.2

Accordion.js

 var React = require('react');
 var PanelGroup = require('./PanelGroup');
 
-var Accordion = React.createClass({displayName: 'Accordion',
+var Accordion = React.createClass({displayName: "Accordion",
   render: function () {
@@ -6,0 +6,0 @@ return (

Affix.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var Affix = React.createClass({displayName: 'Affix',
+var Affix = React.createClass({displayName: "Affix",
   statics: {
@@ -9,0 +9,0 @@ domUtils: domUtils

Alert.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var Alert = React.createClass({displayName: 'Alert',
+var Alert = React.createClass({displayName: "Alert",
   mixins: [BootstrapMixin],
@@ -29,3 +29,3 @@
         onClick: this.props.onDismiss, 
-        'aria-hidden': "true"}, 
+        "aria-hidden": "true"}, 
         "×"
@@ -32,0 +32,0 @@ )

Badge.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var Badge = React.createClass({displayName: 'Badge',
+var Badge = React.createClass({displayName: "Badge",
   propTypes: {
@@ -12,7 +12,12 @@ pullRight: React.PropTypes.bool
 
+  hasContent: function () {
+    return ValidComponentChildren.hasValidComponent(this.props.children) ||
+      (typeof this.props.children === 'string') ||
+      (typeof this.props.children === 'number')
+  },
+
   render: function () {
     var classes = {
       'pull-right': this.props.pullRight,
-      'badge': (ValidComponentChildren.hasValidComponent(this.props.children)
-        || (typeof this.props.children === 'string'))
+      'badge': this.hasContent()
     };
@@ -19,0 +24,0 @@ return (

Button.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var Button = React.createClass({displayName: 'Button',
+var Button = React.createClass({displayName: "Button",
   mixins: [BootstrapMixin],
@@ -16,3 +16,5 @@
     navDropdown: React.PropTypes.bool,
-    componentClass: React.PropTypes.node
+    componentClass: React.PropTypes.node,
+    href: React.PropTypes.string,
+    target: React.PropTypes.string
   },
@@ -39,3 +41,3 @@
 
-    renderFuncName = this.props.href || this.props.navDropdown ?
+    renderFuncName = this.props.href || this.props.target || this.props.navDropdown ?
       'renderAnchor' : 'renderButton';
@@ -42,0 +44,0 @@

ButtonGroup.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var ButtonGroup = React.createClass({displayName: 'ButtonGroup',
+var ButtonGroup = React.createClass({displayName: "ButtonGroup",
   mixins: [BootstrapMixin],
@@ -10,0 +10,0 @@

ButtonToolbar.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var ButtonToolbar = React.createClass({displayName: 'ButtonToolbar',
+var ButtonToolbar = React.createClass({displayName: "ButtonToolbar",
   mixins: [BootstrapMixin],
@@ -10,0 +10,0 @@

Carousel.js

@@ -8,3 +8,3 @@ var React = require('react');
 
-var Carousel = React.createClass({displayName: 'Carousel',
+var Carousel = React.createClass({displayName: "Carousel",
   mixins: [BootstrapMixin],
@@ -11,0 +11,0 @@

CarouselItem.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var CarouselItem = React.createClass({displayName: 'CarouselItem',
+var CarouselItem = React.createClass({displayName: "CarouselItem",
   propTypes: {
@@ -9,0 +9,0 @@ direction: React.PropTypes.oneOf(['prev', 'next']),

Col.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var Col = React.createClass({displayName: 'Col',
+var Col = React.createClass({displayName: "Col",
   propTypes: {
@@ -10,0 +10,0 @@ xs: React.PropTypes.number,

DropdownButton.js

@@ -15,3 +15,3 @@ var React = require('react');
 
-var DropdownButton = React.createClass({displayName: 'DropdownButton',
+var DropdownButton = React.createClass({displayName: "DropdownButton",
   mixins: [BootstrapMixin, DropdownStateMixin],
@@ -52,3 +52,3 @@
         ref: "menu", 
-        'aria-labelledby': this.props.id, 
+        "aria-labelledby": this.props.id, 
         pullRight: this.props.pullRight, 
@@ -55,0 +55,0 @@ key: 1},

DropdownMenu.js

@@ -9,3 +9,3 @@ var React = require('react');
 
-var DropdownMenu = React.createClass({displayName: 'DropdownMenu',
+var DropdownMenu = React.createClass({displayName: "DropdownMenu",
   propTypes: {
@@ -12,0 +12,0 @@ pullRight: React.PropTypes.bool,

Glyphicon.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var Glyphicon = React.createClass({displayName: 'Glyphicon',
+var Glyphicon = React.createClass({displayName: "Glyphicon",
   mixins: [BootstrapMixin],
@@ -10,0 +10,0 @@

Grid.js

 var React = require('react');
 var joinClasses = require('./utils/joinClasses');
 
-var Grid = React.createClass({displayName: 'Grid',
+var Grid = React.createClass({displayName: "Grid",
   propTypes: {
@@ -6,0 +6,0 @@ fluid: React.PropTypes.bool,

Input.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var Input = React.createClass({displayName: 'Input',
+var Input = React.createClass({displayName: "Input",
   propTypes: {
@@ -9,0 +9,0 @@ type: React.PropTypes.string,

Jumbotron.js

 var React = require('react');
 var joinClasses = require('./utils/joinClasses');
 
-var Jumbotron = React.createClass({displayName: 'Jumbotron',
+var Jumbotron = React.createClass({displayName: "Jumbotron",
 
@@ -6,0 +6,0 @@ render: function () {

Label.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var Label = React.createClass({displayName: 'Label',
+var Label = React.createClass({displayName: "Label",
   mixins: [BootstrapMixin],
@@ -9,0 +9,0 @@

ListGroup.js

@@ -8,3 +8,3 @@ var React = require('react');
 
-var ListGroup = React.createClass({displayName: 'ListGroup',
+var ListGroup = React.createClass({displayName: "ListGroup",
   propTypes: {
@@ -11,0 +11,0 @@ onClick: React.PropTypes.func

ListGroupItem.js

@@ -9,3 +9,3 @@ var React = require('react');
 
-var ListGroupItem = React.createClass({displayName: 'ListGroupItem',
+var ListGroupItem = React.createClass({displayName: "ListGroupItem",
   mixins: [BootstrapMixin],
@@ -19,3 +19,5 @@
     onClick: React.PropTypes.func,
-    eventKey: React.PropTypes.any
+    eventKey: React.PropTypes.any,
+    href: React.PropTypes.string,
+    target: React.PropTypes.string
   },
@@ -35,3 +37,3 @@
 
-    if (this.props.href || this.props.onClick) {
+    if (this.props.href || this.props.target || this.props.onClick) {
       return this.renderAnchor(classes);
@@ -91,3 +93,3 @@ } else {
       e.preventDefault();
-      this.props.onClick(this.props.eventKey, this.props.href);
+      this.props.onClick(this.props.eventKey, this.props.href, this.props.target);
     }
@@ -94,0 +96,0 @@ }

MenuItem.js

@@ -5,3 +5,3 @@ var React = require('react');
 
-var MenuItem = React.createClass({displayName: 'MenuItem',
+var MenuItem = React.createClass({displayName: "MenuItem",
   propTypes: {
@@ -12,4 +12,5 @@ header:    React.PropTypes.bool,
     title:     React.PropTypes.string,
+    target:    React.PropTypes.string,
     onSelect:  React.PropTypes.func,
-    eventKey: React.PropTypes.any
+    eventKey:  React.PropTypes.any
   },
@@ -26,3 +27,3 @@
       e.preventDefault();
-      this.props.onSelect(this.props.eventKey);
+      this.props.onSelect(this.props.eventKey, this.props.href, this.props.target);
     }
@@ -33,3 +34,3 @@ },
     return (
-      React.createElement("a", {onClick: this.handleClick, href: this.props.href, title: this.props.title, tabIndex: "-1"}, 
+      React.createElement("a", {onClick: this.handleClick, href: this.props.href, target: this.props.target, title: this.props.title, tabIndex: "-1"}, 
         this.props.children
@@ -36,0 +37,0 @@ )

Modal.js

@@ -16,3 +16,3 @@ /* global document:false */
 
-var Modal = React.createClass({displayName: 'Modal',
+var Modal = React.createClass({displayName: "Modal",
   mixins: [BootstrapMixin, FadeMixin],
@@ -97,3 +97,3 @@
       closeButton = (
-          React.createElement("button", {type: "button", className: "close", 'aria-hidden': "true", onClick: this.props.onRequestHide}, "×")
+          React.createElement("button", {type: "button", className: "close", "aria-hidden": "true", onClick: this.props.onRequestHide}, "×")
         );
@@ -129,2 +129,5 @@ }
 
+    var container = (this.props.container && this.props.container.getDOMNode()) || document.body;
+    container.className += container.className.length ? ' modal-open' : 'modal-open';
+
     if (this.props.backdrop) {
@@ -143,2 +146,4 @@ this.iosClickHack();
     this._onDocumentKeyupListener.remove();
+    var container = (this.props.container && this.props.container.getDOMNode()) || document.body;
+    container.className = container.className.replace(/ ?modal-open/, '');
   },
@@ -145,0 +150,0 @@

ModalTrigger.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var ModalTrigger = React.createClass({displayName: 'ModalTrigger',
+var ModalTrigger = React.createClass({displayName: "ModalTrigger",
   mixins: [OverlayMixin],
@@ -10,0 +10,0 @@

Nav.js

@@ -13,3 +13,3 @@ var React = require('react');
 
-var Nav = React.createClass({displayName: 'Nav',
+var Nav = React.createClass({displayName: "Nav",
   mixins: [BootstrapMixin, CollapsableMixin],
@@ -16,0 +16,0 @@

Navbar.js

@@ -12,3 +12,3 @@ var React = require('react');
 
-var Navbar = React.createClass({displayName: 'Navbar',
+var Navbar = React.createClass({displayName: "Navbar",
   mixins: [BootstrapMixin],
@@ -15,0 +15,0 @@

NavItem.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var NavItem = React.createClass({displayName: 'NavItem',
+var NavItem = React.createClass({displayName: "NavItem",
   mixins: [BootstrapMixin],
@@ -16,3 +16,4 @@
     title: React.PropTypes.string,
-    eventKey: React.PropTypes.any
+    eventKey: React.PropTypes.any,
+    target: React.PropTypes.string
   },
@@ -33,3 +34,4 @@
         
-           this.props,disabled=$__0.disabled,active=$__0.active,href=$__0.href,title=$__0.title,children=$__0.children,props=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{disabled:1,active:1,href:1,title:1,children:1}),
+        
+           this.props,disabled=$__0.disabled,active=$__0.active,href=$__0.href,title=$__0.title,target=$__0.target,children=$__0.children,props=(function(source, exclusion) {var rest = {};var hasOwn = Object.prototype.hasOwnProperty;if (source == null) {throw new TypeError();}for (var key in source) {if (hasOwn.call(source, key) && !hasOwn.call(exclusion, key)) {rest[key] = source[key];}}return rest;})($__0,{disabled:1,active:1,href:1,title:1,target:1,children:1}),
         classes = {
@@ -45,2 +47,3 @@ 'active': active,
           title: title, 
+          target: target, 
           onClick: this.handleClick, 
@@ -59,3 +62,3 @@ ref: "anchor"},
       if (!this.props.disabled) {
-        this.props.onSelect(this.props.eventKey, this.props.href);
+        this.props.onSelect(this.props.eventKey, this.props.href, this.props.target);
       }
@@ -62,0 +65,0 @@ }

OverlayTrigger.js

@@ -23,3 +23,3 @@ var React = require('react');
 
-var OverlayTrigger = React.createClass({displayName: 'OverlayTrigger',
+var OverlayTrigger = React.createClass({displayName: "OverlayTrigger",
   mixins: [OverlayMixin],
@@ -122,2 +122,6 @@
 
+  componentDidMount: function() {
+    this.updateOverlayPosition();
+  },
+
   handleDelayedShow: function () {
@@ -124,0 +128,0 @@ if (this._hoverDelay != null) {

package.json

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

PageHeader.js

 var React = require('react');
 var joinClasses = require('./utils/joinClasses');
 
-var PageHeader = React.createClass({displayName: 'PageHeader',
+var PageHeader = React.createClass({displayName: "PageHeader",
 
@@ -6,0 +6,0 @@ render: function () {

PageItem.js

@@ -5,5 +5,7 @@ var React = require('react');
 
-var PageItem = React.createClass({displayName: 'PageItem',
+var PageItem = React.createClass({displayName: "PageItem",
 
   propTypes: {
+    href: React.PropTypes.string,
+    target: React.PropTypes.string,
     disabled: React.PropTypes.bool,
@@ -36,2 +38,3 @@ previous: React.PropTypes.bool,
           title: this.props.title, 
+          target: this.props.target, 
           onClick: this.handleSelect, 
@@ -50,3 +53,3 @@ ref: "anchor"},
       if (!this.props.disabled) {
-        this.props.onSelect(this.props.eventKey, this.props.href);
+        this.props.onSelect(this.props.eventKey, this.props.href, this.props.target);
       }
@@ -53,0 +56,0 @@ }

Pager.js

@@ -8,3 +8,3 @@ var React = require('react');
 
-var Pager = React.createClass({displayName: 'Pager',
+var Pager = React.createClass({displayName: "Pager",
 
@@ -11,0 +11,0 @@ propTypes: {

Panel.js

@@ -9,3 +9,3 @@ var React = require('react');
 
-var Panel = React.createClass({displayName: 'Panel',
+var Panel = React.createClass({displayName: "Panel",
   mixins: [BootstrapMixin, CollapsableMixin],
@@ -12,0 +12,0 @@

PanelGroup.js

@@ -9,3 +9,3 @@ var React = require('react');
 
-var PanelGroup = React.createClass({displayName: 'PanelGroup',
+var PanelGroup = React.createClass({displayName: "PanelGroup",
   mixins: [BootstrapMixin],
@@ -12,0 +12,0 @@

Popover.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var Popover = React.createClass({displayName: 'Popover',
+var Popover = React.createClass({displayName: "Popover",
   mixins: [BootstrapMixin],
@@ -10,0 +10,0 @@

ProgressBar.js

@@ -11,3 +11,3 @@ var React = require('react');
 
-var ProgressBar = React.createClass({displayName: 'ProgressBar',
+var ProgressBar = React.createClass({displayName: "ProgressBar",
   propTypes: {
@@ -102,5 +102,5 @@ min: React.PropTypes.number,
         style: {width: percentage + '%'}, 
-        'aria-valuenow': this.props.now, 
-        'aria-valuemin': this.props.min, 
-        'aria-valuemax': this.props.max}), 
+        "aria-valuenow": this.props.now, 
+        "aria-valuemin": this.props.min, 
+        "aria-valuemax": this.props.max}), 
         label
@@ -107,0 +107,0 @@ )

Row.js

 var React = require('react');
 var joinClasses = require('./utils/joinClasses');
 
-var Row = React.createClass({displayName: 'Row',
+var Row = React.createClass({displayName: "Row",
   propTypes: {
@@ -6,0 +6,0 @@ componentClass: React.PropTypes.node.isRequired

SplitButton.js

@@ -10,3 +10,3 @@ var React = require('react');
 
-var SplitButton = React.createClass({displayName: 'SplitButton',
+var SplitButton = React.createClass({displayName: "SplitButton",
   mixins: [BootstrapMixin, DropdownStateMixin],
@@ -18,2 +18,3 @@
     href:          React.PropTypes.string,
+    target:        React.PropTypes.string,
     dropdownTitle: React.PropTypes.node,
@@ -55,2 +56,4 @@ onClick:       React.PropTypes.func,
         title: null, 
+        href: null, 
+        target: null, 
         id: null}), 
@@ -72,3 +75,3 @@ React.createElement("span", {className: "sr-only"}, this.props.dropdownTitle),
           onSelect: this.handleOptionSelect, 
-          'aria-labelledby': this.props.id, 
+          "aria-labelledby": this.props.id, 
           pullRight: this.props.pullRight}, 
@@ -87,3 +90,3 @@ this.props.children
     if (this.props.onClick) {
-      this.props.onClick(e);
+      this.props.onClick(e, this.props.href, this.props.target);
     }
@@ -90,0 +93,0 @@ },

SubNav.js

@@ -11,3 +11,3 @@ var React = require('react');
 
-var SubNav = React.createClass({displayName: 'SubNav',
+var SubNav = React.createClass({displayName: "SubNav",
   mixins: [BootstrapMixin],
@@ -21,3 +21,4 @@
     title: React.PropTypes.string,
-    text: React.PropTypes.node
+    text: React.PropTypes.node,
+    target: React.PropTypes.string
   },
@@ -36,3 +37,3 @@
       if (!this.props.disabled) {
-        this.props.onSelect(this.props.eventKey, this.props.href);
+        this.props.onSelect(this.props.eventKey, this.props.href, this.props.target);
       }
@@ -107,2 +108,3 @@ }
           title: this.props.title, 
+          target: this.props.target, 
           onClick: this.handleClick, 
@@ -109,0 +111,0 @@ ref: "anchor"},

TabbedArea.js

@@ -21,3 +21,3 @@ var React = require('react');
 
-var TabbedArea = React.createClass({displayName: 'TabbedArea',
+var TabbedArea = React.createClass({displayName: "TabbedArea",
   mixins: [BootstrapMixin],
@@ -24,0 +24,0 @@

Table.js

@@ -5,3 +5,3 @@ var React = require('react');
 
-var Table = React.createClass({displayName: 'Table',
+var Table = React.createClass({displayName: "Table",
   propTypes: {
@@ -8,0 +8,0 @@ striped: React.PropTypes.bool,

TabPane.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var TabPane = React.createClass({displayName: 'TabPane',
+var TabPane = React.createClass({displayName: "TabPane",
   getDefaultProps: function () {
@@ -9,0 +9,0 @@ return {

Tooltip.js

@@ -7,3 +7,3 @@ var React = require('react');
 
-var Tooltip = React.createClass({displayName: 'Tooltip',
+var Tooltip = React.createClass({displayName: "Tooltip",
   mixins: [BootstrapMixin],
@@ -10,0 +10,0 @@

Well.js

@@ -6,3 +6,3 @@ var React = require('react');
 
-var Well = React.createClass({displayName: 'Well',
+var Well = React.createClass({displayName: "Well",
   mixins: [BootstrapMixin],
@@ -9,0 +9,0 @@

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

132089

increased by1%

Lines of code

4157

increased by0.63%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes