react-bootstrap - npm Package Compare versions

Comparing version 0.22.3 to 0.22.4

amd/bower.json

 {
   "name": "react-bootstrap",
-  "version": "0.22.3",
+  "version": "0.22.4",
   "homepage": "http://react-bootstrap.github.io/",
@@ -20,4 +20,4 @@ "author": "Stephen J. Collings <[e-mail]>",
     "react": ">= 0.13.0",
-    "classnames": "1.1.4"
+    "classnames": "^2.0.0"
   }
 }

CHANGELOG.md

@@ -0,1 +1,15 @@
+v0.22.4 - Mon, 18 May 2015 16:53:06 GMT
+---------------------------------------
+
+- [9d17d56](../../commit/9d17d56) [added] Thumbnail component
+- [db018fa](../../commit/db018fa) [fixed] Put AMD modules under correct path
+- [0904adc](../../commit/0904adc) [added] Active property to MenuItem component
+- [1658142](../../commit/1658142) [added] Property for animation on Popover and Tooltip
+- [4f37560](../../commit/4f37560) [fixed] Update classnames dep version for Bower
+- [f6e7d67](../../commit/f6e7d67) [fixed] Bower cannot use code from react/lib.
+- [1531ac9](../../commit/1531ac9) [added] DropdownButton now applies onClick prop to Button
+- [ecb0861](../../commit/ecb0861) [fixed] Fix propType warning in ButtonInputExample
+- [592a346](../../commit/592a346) [fixed] Forward classes to panel title
+
+
 v0.22.3 - Thu, 14 May 2015 22:19:11 GMT
@@ -2,0 +16,0 @@ ---------------------------------------

lib/ButtonInput.js

@@ -65,3 +65,3 @@ 'use strict';
 
-      /* eslint no-unused-vars: 0 object-shorthand: 0 */
+      // eslint-disable-line object-shorthand, no-unused-vars
       return _react2['default'].createElement(
@@ -82,2 +82,3 @@ _FormGroup2['default'],
 
+      // eslint-disable-line object-shorthand
       var val = children ? children : value;
@@ -84,0 +85,0 @@ return _react2['default'].createElement(_Button2['default'], _extends({}, other, { componentClass: 'input', ref: 'input', key: 'input', value: val }));

lib/CollapsibleMixin.js

@@ -13,5 +13,5 @@ 'use strict';
 
-var _reactLibReactTransitionEvents = require('react/lib/ReactTransitionEvents');
+var _utilsTransitionEvents = require('./utils/TransitionEvents');
 
-var _reactLibReactTransitionEvents2 = _interopRequireDefault(_reactLibReactTransitionEvents);
+var _utilsTransitionEvents2 = _interopRequireDefault(_utilsTransitionEvents);
 
@@ -148,3 +148,3 @@ var _utilsDeprecationWarning = require('./utils/deprecationWarning');
   _addEndEventListener: function _addEndEventListener(node, complete) {
-    _reactLibReactTransitionEvents2['default'].addEndEventListener(node, complete);
+    _utilsTransitionEvents2['default'].addEndEventListener(node, complete);
   },
@@ -154,3 +154,3 @@
   _removeEndEventListener: function _removeEndEventListener(node, complete) {
-    _reactLibReactTransitionEvents2['default'].removeEndEventListener(node, complete);
+    _utilsTransitionEvents2['default'].removeEndEventListener(node, complete);
   },
@@ -157,0 +157,0 @@

lib/DropdownButton.js

@@ -74,3 +74,3 @@ 'use strict';
         className: (0, _classnames2['default'])('dropdown-toggle', this.props.buttonClassName),
-        onClick: this.handleDropdownClick,
+        onClick: (0, _utilsCreateChainedFunction2['default'])(this.props.onClick, this.handleDropdownClick),
         key: 0,
@@ -77,0 +77,0 @@ navDropdown: this.props.navItem,

lib/factories/index.js

@@ -181,2 +181,6 @@ 'use strict';
 
+var _Thumbnail = require('./Thumbnail');
+
+var _Thumbnail2 = _interopRequireDefault(_Thumbnail);
+
 var _Tooltip = require('./Tooltip');
@@ -278,2 +282,4 @@
 
+  Thumbnail: _Thumbnail2['default'],
+
   Tooltip: _Tooltip2['default'],
@@ -280,0 +286,0 @@

lib/index.js

@@ -209,2 +209,6 @@ 'use strict';
 
+var _Thumbnail = require('./Thumbnail');
+
+var _Thumbnail2 = _interopRequireDefault(_Thumbnail);
+
 var _Tooltip = require('./Tooltip');
@@ -273,2 +277,3 @@
   TabPane: _TabPane2['default'],
+  Thumbnail: _Thumbnail2['default'],
   Tooltip: _Tooltip2['default'],
@@ -275,0 +280,0 @@ Well: _Well2['default'],

lib/MenuItem.js

@@ -29,3 +29,4 @@ 'use strict';
     onSelect: _react2['default'].PropTypes.func,
-    eventKey: _react2['default'].PropTypes.any
+    eventKey: _react2['default'].PropTypes.any,
+    active: _react2['default'].PropTypes.bool
   },
@@ -35,3 +36,4 @@
     return {
-      href: '#'
+      href: '#',
+      active: false
     };
@@ -58,3 +60,4 @@ },
       'dropdown-header': this.props.header,
-      'divider': this.props.divider
+      'divider': this.props.divider,
+      'active': this.props.active
     };
@@ -61,0 +64,0 @@

lib/Panel.js

@@ -183,13 +183,13 @@ 'use strict';
       header = collapsible ? this.renderCollapsableTitle(header) : header;
-    } else if (collapsible) {
-
-      header = (0, _react.cloneElement)(header, {
-        className: (0, _classnames2['default'])(this.prefixClass('title')),
-        children: this.renderAnchor(header.props.children)
-      });
     } else {
+      var className = (0, _classnames2['default'])(this.prefixClass('title'), header.props.className);
 
-      header = (0, _react.cloneElement)(header, {
-        className: (0, _classnames2['default'])(this.prefixClass('title'))
-      });
+      if (collapsible) {
+        header = (0, _react.cloneElement)(header, {
+          className: className,
+          children: this.renderAnchor(header.props.children)
+        });
+      } else {
+        header = (0, _react.cloneElement)(header, { className: className });
+      }
     }
@@ -196,0 +196,0 @@

lib/Popover.js

@@ -25,6 +25,10 @@ 'use strict';
 
+var _FadeMixin = require('./FadeMixin');
+
+var _FadeMixin2 = _interopRequireDefault(_FadeMixin);
+
 var Popover = _react2['default'].createClass({
   displayName: 'Popover',
 
-  mixins: [_BootstrapMixin2['default']],
+  mixins: [_BootstrapMixin2['default'], _FadeMixin2['default']],
 
@@ -37,3 +41,4 @@ propTypes: {
     arrowOffsetTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
-    title: _react2['default'].PropTypes.node
+    title: _react2['default'].PropTypes.node,
+    animation: _react2['default'].PropTypes.bool
   },
@@ -43,3 +48,4 @@
     return {
-      placement: 'right'
+      placement: 'right',
+      animation: true
     };
@@ -52,3 +58,3 @@ },
     var classes = (_classes = {
-      'popover': true }, _defineProperty(_classes, this.props.placement, true), _defineProperty(_classes, 'in', this.props.positionLeft != null || this.props.positionTop != null), _classes);
+      'popover': true }, _defineProperty(_classes, this.props.placement, true), _defineProperty(_classes, 'in', !this.props.animation && (this.props.positionLeft != null || this.props.positionTop != null)), _defineProperty(_classes, 'fade', this.props.animation), _classes);
 
@@ -89,2 +95,4 @@ var style = {
 exports['default'] = Popover;
-module.exports = exports['default'];
+module.exports = exports['default'];
+
+// in class will be added by the FadeMixin when the animation property is true

lib/styleMaps.js

@@ -17,2 +17,3 @@ 'use strict';
     'label': 'label',
+    'thumbnail': 'thumbnail',
     'list-group-item': 'list-group-item',
@@ -19,0 +20,0 @@ 'panel': 'panel',

lib/Tooltip.js

@@ -25,6 +25,10 @@ 'use strict';
 
+var _FadeMixin = require('./FadeMixin');
+
+var _FadeMixin2 = _interopRequireDefault(_FadeMixin);
+
 var Tooltip = _react2['default'].createClass({
   displayName: 'Tooltip',
 
-  mixins: [_BootstrapMixin2['default']],
+  mixins: [_BootstrapMixin2['default'], _FadeMixin2['default']],
 
@@ -36,3 +40,4 @@ propTypes: {
     arrowOffsetLeft: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
-    arrowOffsetTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string])
+    arrowOffsetTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
+    animation: _react2['default'].PropTypes.bool
   },
@@ -42,3 +47,4 @@
     return {
-      placement: 'right'
+      placement: 'right',
+      animation: true
     };
@@ -51,3 +57,3 @@ },
     var classes = (_classes = {
-      'tooltip': true }, _defineProperty(_classes, this.props.placement, true), _defineProperty(_classes, 'in', this.props.positionLeft != null || this.props.positionTop != null), _classes);
+      'tooltip': true }, _defineProperty(_classes, this.props.placement, true), _defineProperty(_classes, 'in', !this.props.animation && (this.props.positionLeft != null || this.props.positionTop != null)), _defineProperty(_classes, 'fade', this.props.animation), _classes);
 
@@ -78,2 +84,4 @@ var style = {
 exports['default'] = Tooltip;
-module.exports = exports['default'];
+module.exports = exports['default'];
+
+// in class will be added by the FadeMixin when the animation property is true

lib/utils/createChainedFunction.js

@@ -1,6 +0,1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
 /**
@@ -16,2 +11,7 @@ * Safe chained function
  */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 function createChainedFunction(one, two) {
@@ -18,0 +18,0 @@ var hasOne = typeof one === 'function';

lib/utils/EventListener.js

@@ -1,6 +0,1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
 /**
@@ -31,2 +26,7 @@ * Copyright 2013-2014 Facebook, Inc.
  */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var EventListener = {
@@ -33,0 +33,0 @@ /**

lib/utils/Object.assign.js

@@ -1,6 +0,1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
 /**
@@ -21,2 +16,7 @@ * Copyright 2014, Facebook, Inc.
 
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 function assign(target, sources) {
@@ -23,0 +23,0 @@ if (target == null) {

lib/utils/TransitionEvents.js

@@ -1,6 +0,1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-});
 /**
@@ -19,2 +14,7 @@ * Copyright 2013-2014, Facebook, Inc.
 
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
 var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
@@ -21,0 +21,0 @@

package.json

 {
   "name": "react-bootstrap",
-  "version": "0.22.3",
+  "version": "0.22.4",
   "description": "Bootstrap 3 components build with React",
@@ -14,6 +14,7 @@ "repository": {
     "test": "npm run lint && npm run build && karma start --single-run",
-    "lint": "eslint src test docs ie8 tools webpack karma.conf.js webpack.config.js webpack.docs.js",
+    "lint": "eslint ./",
     "docs-build": "babel-node tools/build-cli.js --docs-only",
     "docs": "docs/dev-run",
-    "docs-prod": "webpack --config webpack.docs.js -p --progress && NODE_ENV=production babel-node docs/server.js",
+    "docs-prod": "npm run docs-build && NODE_ENV=production babel-node docs/server.js",
+    "docs-prod-unoptimized": "npm run docs-build -- --dev && NODE_ENV=production babel-node docs/server.js",
     "ie8": "babel-node ie8/server.js"
@@ -49,3 +50,3 @@ },
     "es5-shim": "^4.1.0",
-    "eslint": "^0.21.0",
+    "eslint": "0.21.0",
     "eslint-plugin-react": "^2.1.0",
@@ -52,0 +53,0 @@ "express": "^4.12.3",

src/ButtonInput.js

@@ -15,3 +15,3 @@ import React from 'react';
   renderFormGroup(children) {
-    let {bsStyle, value, ...other} = this.props; /* eslint no-unused-vars: 0 object-shorthand: 0 */
+    let {bsStyle, value, ...other} = this.props; // eslint-disable-line object-shorthand, no-unused-vars
     return <FormGroup {...other}>{children}</FormGroup>;
@@ -21,3 +21,3 @@ }
   renderInput() {
-    let {children, value, ...other} = this.props;
+    let {children, value, ...other} = this.props; // eslint-disable-line object-shorthand
     let val = children ? children : value;
@@ -24,0 +24,0 @@ return <Button {...other} componentClass="input" ref="input" key="input" value={val} />;

src/Carousel.js

@@ -256,3 +256,3 @@ import React, { cloneElement } from 'react';
           direction: this.state.direction,
-          onAnimateOutEnd: isPreviousActive ? this.handleItemAnimateOutEnd: null
+          onAnimateOutEnd: isPreviousActive ? this.handleItemAnimateOutEnd : null
         }
@@ -259,0 +259,0 @@ );

src/CollapsibleMixin.js

 import React from 'react';
-import TransitionEvents from 'react/lib/ReactTransitionEvents';
+import TransitionEvents from './utils/TransitionEvents';
 import deprecationWarning from './utils/deprecationWarning';
@@ -4,0 +4,0 @@

src/DropdownButton.js

@@ -39,3 +39,3 @@ import React, { cloneElement } from 'react';
         className={classNames('dropdown-toggle', this.props.buttonClassName)}
-        onClick={this.handleDropdownClick}
+        onClick={createChainedFunction(this.props.onClick, this.handleDropdownClick)}
         key={0}
@@ -42,0 +42,0 @@ navDropdown={this.props.navItem}

src/index.js

@@ -51,2 +51,3 @@ import Accordion from './Accordion';
 import TabPane from './TabPane';
+import Thumbnail from './Thumbnail';
 import Tooltip from './Tooltip';
@@ -107,2 +108,3 @@ import Well from './Well';
   TabPane,
+  Thumbnail,
   Tooltip,
@@ -109,0 +111,0 @@ Well,

src/MenuItem.js

@@ -12,3 +12,4 @@ import React from 'react';
     onSelect:  React.PropTypes.func,
-    eventKey:  React.PropTypes.any
+    eventKey:  React.PropTypes.any,
+    active:    React.PropTypes.bool
   },
@@ -18,3 +19,4 @@
     return {
-      href: '#'
+      href: '#',
+      active: false
     };
@@ -41,3 +43,4 @@ },
         'dropdown-header': this.props.header,
-        'divider': this.props.divider
+        'divider': this.props.divider,
+        'active': this.props.active
       };
@@ -44,0 +47,0 @@

src/Panel.js

@@ -159,13 +159,15 @@ import React, { cloneElement } from 'react';
         this.renderCollapsableTitle(header) : header;
-    } else if (collapsible) {
-
-      header = cloneElement(header, {
-        className: classNames(this.prefixClass('title')),
-        children: this.renderAnchor(header.props.children)
-      });
     } else {
+      const className = classNames(
+        this.prefixClass('title'), header.props.className
+      );
 
-      header = cloneElement(header, {
-        className: classNames(this.prefixClass('title'))
-      });
+      if (collapsible) {
+        header = cloneElement(header, {
+          className,
+          children: this.renderAnchor(header.props.children)
+        });
+      } else {
+        header = cloneElement(header, {className});
+      }
     }
@@ -172,0 +174,0 @@

src/Popover.js

 import React from 'react';
 import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
+import FadeMixin from './FadeMixin';
 
 const Popover = React.createClass({
-  mixins: [BootstrapMixin],
+  mixins: [BootstrapMixin, FadeMixin],
 
@@ -18,3 +19,4 @@ propTypes: {
     ]),
-    title: React.PropTypes.node
+    title: React.PropTypes.node,
+    animation: React.PropTypes.bool
   },
@@ -24,3 +26,4 @@
     return {
-      placement: 'right'
+      placement: 'right',
+      animation: true
     };
@@ -33,3 +36,5 @@ },
       [this.props.placement]: true,
-      'in': this.props.positionLeft != null || this.props.positionTop != null
+      // in class will be added by the FadeMixin when the animation property is true
+      'in': !this.props.animation && (this.props.positionLeft != null || this.props.positionTop != null),
+      'fade': this.props.animation
     };
@@ -36,0 +41,0 @@

src/styleMaps.js

@@ -12,2 +12,3 @@ const styleMaps = {
     'label': 'label',
+    'thumbnail': 'thumbnail',
     'list-group-item': 'list-group-item',
@@ -14,0 +15,0 @@ 'panel': 'panel',

src/TabbedArea.js

@@ -102,3 +102,3 @@ import React, { cloneElement } from 'react';
           onAnimateOutEnd: (this.state.previousActiveKey != null &&
-            child.props.eventKey === this.state.previousActiveKey) ? this.handlePaneAnimateOutEnd: null
+            child.props.eventKey === this.state.previousActiveKey) ? this.handlePaneAnimateOutEnd : null
         }
@@ -105,0 +105,0 @@ );

src/Tooltip.js

 import React from 'react';
 import classNames from 'classnames';
 import BootstrapMixin from './BootstrapMixin';
+import FadeMixin from './FadeMixin';
 
 const Tooltip = React.createClass({
-  mixins: [BootstrapMixin],
+  mixins: [BootstrapMixin, FadeMixin],
 
@@ -17,3 +18,4 @@ propTypes: {
       React.PropTypes.number, React.PropTypes.string
-    ])
+    ]),
+    animation: React.PropTypes.bool
   },
@@ -23,3 +25,4 @@
     return {
-      placement: 'right'
+      placement: 'right',
+      animation: true
     };
@@ -32,3 +35,5 @@ },
       [this.props.placement]: true,
-      'in': this.props.positionLeft != null || this.props.positionTop != null
+      // in class will be added by the FadeMixin when the animation property is true
+      'in': !this.props.animation && (this.props.positionLeft != null || this.props.positionTop != null),
+      'fade': this.props.animation
     };
@@ -35,0 +40,0 @@

webpack/strategies/docs-development.js

@@ -20,3 +20,3 @@ import _ from 'lodash';
         loaders: config.module.loaders.map(value => {
-          if (/js/.test(value.test.toString())) {
+          if (/\.js\/$/.test(value.test.toString())) {
             return _.extend({}, value, {
@@ -23,0 +23,0 @@ loader: 'react-hot!' + value.loader

webpack/strategies/test.js

@@ -6,3 +6,3 @@ import _ from 'lodash';
     config = _.extend({}, config, {
-      devtool: 'inline-source-map',
+      devtool: 'eval',
       entry: undefined,
@@ -9,0 +9,0 @@ output: {

webpack/webpack.config.js

@@ -20,4 +20,3 @@ import _ from 'lodash';
   options = _.merge({}, defaultOptions, options);
-  const environment = options.test || options.development ?
-    'development' : 'production';
+  const environment = options.optimize ? 'production' : 'development';
 
@@ -24,0 +23,0 @@ const config = {

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

2377783

increased by0.1%

Number of package files

338

increased by1.5%

Lines of code

28352

increased by0.38%

No dependency changes