Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
react-bootstrap
Advanced tools
react-bootstrap - npm Package Compare versions
Comparing version 0.9.0 to 0.10.0
@@ -13,2 +13,3 @@ module.exports = { | ||
| CarouselItem: require('./CarouselItem'), | ||
| Col: require('./Col'), | ||
| DropdownButton: require('./DropdownButton'), | ||
@@ -19,2 +20,3 @@ DropdownMenu: require('./DropdownMenu'), | ||
| Glyphicon: require('./Glyphicon'), | ||
| Grid: require('./Grid'), | ||
| Input: require('./Input'), | ||
@@ -27,2 +29,3 @@ Interpolate: require('./Interpolate'), | ||
| Nav: require('./Nav'), | ||
| Navbar: require('./Navbar'), | ||
| NavItem: require('./NavItem'), | ||
@@ -37,2 +40,3 @@ ModalTrigger: require('./ModalTrigger'), | ||
| ProgressBar: require('./ProgressBar'), | ||
| Row: require('./Row'), | ||
| SplitButton: require('./SplitButton'), | ||
@@ -39,0 +43,0 @@ SubNav: require('./SubNav'), |
| { | ||
| "name": "react-bootstrap", | ||
| "version": "0.9.0", | ||
| "version": "0.10.0", | ||
| "description": "Bootstrap 3 components build with React", | ||
@@ -5,0 +5,0 @@ "main": "main.js", |
@@ -5,3 +5,2 @@ "use strict"; | ||
| var React = require("./react-es6")["default"]; | ||
| var classSet = require("./react-es6/lib/cx")["default"]; | ||
@@ -12,3 +11,3 @@ var Badge = React.createClass({displayName: 'Badge', | ||
| return this.transferPropsTo( | ||
| React.DOM.span( {className:"badge"}, | ||
| React.DOM.span( {className:this.props.children ? 'badge': null}, | ||
| this.props.children | ||
@@ -15,0 +14,0 @@ ) |
@@ -9,4 +9,3 @@ "use strict"; | ||
| bsStyle: React.PropTypes.oneOf(Object.keys(constants.STYLES)), | ||
| bsSize: React.PropTypes.oneOf(Object.keys(constants.SIZES)), | ||
| bsGlyph: React.PropTypes.oneOf(Object.keys(constants.GLYPHS)) | ||
| bsSize: React.PropTypes.oneOf(Object.keys(constants.SIZES)) | ||
| }, | ||
@@ -28,7 +27,2 @@ | ||
| var bsGlyph = this.props.bsGlyph && constants.GLYPHS[this.props.bsGlyph]; | ||
| if (bsGlyph) { | ||
| classes[prefix + bsGlyph] = true; | ||
| } | ||
| var bsStyle = this.props.bsStyle && constants.STYLES[this.props.bsStyle]; | ||
@@ -35,0 +29,0 @@ if (this.props.bsStyle) { |
@@ -176,4 +176,4 @@ "use strict"; | ||
| return ( | ||
| React.DOM.a( {className:"left carousel-control", href:href, key:0}, | ||
| React.DOM.span( {className:"glyphicon glyphicon-chevron-left", onClick:this.prev}) | ||
| React.DOM.a( {className:"left carousel-control", href:href, key:0, onClick:this.prev}, | ||
| React.DOM.span( {className:"glyphicon glyphicon-chevron-left"}) | ||
| ) | ||
@@ -191,4 +191,4 @@ ); | ||
| return ( | ||
| React.DOM.a( {className:"right carousel-control", href:href, key:1}, | ||
| React.DOM.span( {className:"glyphicon glyphicon-chevron-right", onClick:this.next}) | ||
| React.DOM.a( {className:"right carousel-control", href:href, key:1, onClick:this.next}, | ||
| React.DOM.span( {className:"glyphicon glyphicon-chevron-right"}) | ||
| ) | ||
@@ -195,0 +195,0 @@ ); |
| "use strict"; | ||
| exports["default"] = { | ||
| CLASSES: { | ||
| 'column': 'col', | ||
| 'alert': 'alert', | ||
| 'button': 'btn', | ||
| 'button-group': 'btn-group', | ||
| 'button-toolbar': 'btn-toolbar', | ||
| 'label': 'label', | ||
| 'alert': 'alert', | ||
| 'column': 'col', | ||
| 'input-group': 'input-group', | ||
| 'form': 'form', | ||
| 'glyphicon': 'glyphicon', | ||
| 'label': 'label', | ||
| 'panel': 'panel', | ||
@@ -16,4 +17,5 @@ 'panel-group': 'panel-group', | ||
| 'nav': 'nav', | ||
| 'navbar': 'navbar', | ||
| 'modal': 'modal', | ||
| 'glyphicon': 'glyphicon', | ||
| 'row': 'row', | ||
| 'well': 'well' | ||
@@ -39,204 +41,204 @@ }, | ||
| }, | ||
| GLYPHS: { | ||
| 'asterisk': 'asterisk', | ||
| 'plus': 'plus', | ||
| 'euro': 'euro', | ||
| 'minus': 'minus', | ||
| 'cloud': 'cloud', | ||
| 'envelope': 'envelope', | ||
| 'pencil': 'pencil', | ||
| 'glass': 'glass', | ||
| 'music': 'music', | ||
| 'search': 'search', | ||
| 'heart': 'heart', | ||
| 'star': 'star', | ||
| 'star-empty': 'star-empty', | ||
| 'user': 'user', | ||
| 'film': 'film', | ||
| 'th-large': 'th-large', | ||
| 'th': 'th', | ||
| 'th-list': 'th-list', | ||
| 'ok': 'ok', | ||
| 'remove': 'remove', | ||
| 'zoom-in': 'zoom-in', | ||
| 'zoom-out': 'zoom-out', | ||
| 'off': 'off', | ||
| 'signal': 'signal', | ||
| 'cog': 'cog', | ||
| 'trash': 'trash', | ||
| 'home': 'home', | ||
| 'file': 'file', | ||
| 'time': 'time', | ||
| 'road': 'road', | ||
| 'download-alt': 'download-alt', | ||
| 'download': 'download', | ||
| 'upload': 'upload', | ||
| 'inbox': 'inbox', | ||
| 'play-circle': 'play-circle', | ||
| 'repeat': 'repeat', | ||
| 'refresh': 'refresh', | ||
| 'list-alt': 'list-alt', | ||
| 'lock': 'lock', | ||
| 'flag': 'flag', | ||
| 'headphones': 'headphones', | ||
| 'volume-off': 'volume-off', | ||
| 'volume-down': 'volume-down', | ||
| 'volume-up': 'volume-up', | ||
| 'qrcode': 'qrcode', | ||
| 'barcode': 'barcode', | ||
| 'tag': 'tag', | ||
| 'tags': 'tags', | ||
| 'book': 'book', | ||
| 'bookmark': 'bookmark', | ||
| 'print': 'print', | ||
| 'camera': 'camera', | ||
| 'font': 'font', | ||
| 'bold': 'bold', | ||
| 'italic': 'italic', | ||
| 'text-height': 'text-height', | ||
| 'text-width': 'text-width', | ||
| 'align-left': 'align-left', | ||
| 'align-center': 'align-center', | ||
| 'align-right': 'align-right', | ||
| 'align-justify': 'align-justify', | ||
| 'list': 'list', | ||
| 'indent-left': 'indent-left', | ||
| 'indent-right': 'indent-right', | ||
| 'facetime-video': 'facetime-video', | ||
| 'picture': 'picture', | ||
| 'map-marker': 'map-marker', | ||
| 'adjust': 'adjust', | ||
| 'tint': 'tint', | ||
| 'edit': 'edit', | ||
| 'share': 'share', | ||
| 'check': 'check', | ||
| 'move': 'move', | ||
| 'step-backward': 'step-backward', | ||
| 'fast-backward': 'fast-backward', | ||
| 'backward': 'backward', | ||
| 'play': 'play', | ||
| 'pause': 'pause', | ||
| 'stop': 'stop', | ||
| 'forward': 'forward', | ||
| 'fast-forward': 'fast-forward', | ||
| 'step-forward': 'step-forward', | ||
| 'eject': 'eject', | ||
| 'chevron-left': 'chevron-left', | ||
| 'chevron-right': 'chevron-right', | ||
| 'plus-sign': 'plus-sign', | ||
| 'minus-sign': 'minus-sign', | ||
| 'remove-sign': 'remove-sign', | ||
| 'ok-sign': 'ok-sign', | ||
| 'question-sign': 'question-sign', | ||
| 'info-sign': 'info-sign', | ||
| 'screenshot': 'screenshot', | ||
| 'remove-circle': 'remove-circle', | ||
| 'ok-circle': 'ok-circle', | ||
| 'ban-circle': 'ban-circle', | ||
| 'arrow-left': 'arrow-left', | ||
| 'arrow-right': 'arrow-right', | ||
| 'arrow-up': 'arrow-up', | ||
| 'arrow-down': 'arrow-down', | ||
| 'share-alt': 'share-alt', | ||
| 'resize-full': 'resize-full', | ||
| 'resize-small': 'resize-small', | ||
| 'exclamation-sign': 'exclamation-sign', | ||
| 'gift': 'gift', | ||
| 'leaf': 'leaf', | ||
| 'fire': 'fire', | ||
| 'eye-open': 'eye-open', | ||
| 'eye-close': 'eye-close', | ||
| 'warning-sign': 'warning-sign', | ||
| 'plane': 'plane', | ||
| 'calendar': 'calendar', | ||
| 'random': 'random', | ||
| 'comment': 'comment', | ||
| 'magnet': 'magnet', | ||
| 'chevron-up': 'chevron-up', | ||
| 'chevron-down': 'chevron-down', | ||
| 'retweet': 'retweet', | ||
| 'shopping-cart': 'shopping-cart', | ||
| 'folder-close': 'folder-close', | ||
| 'folder-open': 'folder-open', | ||
| 'resize-vertical': 'resize-vertical', | ||
| 'resize-horizontal': 'resize-horizontal', | ||
| 'hdd': 'hdd', | ||
| 'bullhorn': 'bullhorn', | ||
| 'bell': 'bell', | ||
| 'certificate': 'certificate', | ||
| 'thumbs-up': 'thumbs-up', | ||
| 'thumbs-down': 'thumbs-down', | ||
| 'hand-right': 'hand-right', | ||
| 'hand-left': 'hand-left', | ||
| 'hand-up': 'hand-up', | ||
| 'hand-down': 'hand-down', | ||
| 'circle-arrow-right': 'circle-arrow-right', | ||
| 'circle-arrow-left': 'circle-arrow-left', | ||
| 'circle-arrow-up': 'circle-arrow-up', | ||
| 'circle-arrow-down': 'circle-arrow-down', | ||
| 'globe': 'globe', | ||
| 'wrench': 'wrench', | ||
| 'tasks': 'tasks', | ||
| 'filter': 'filter', | ||
| 'briefcase': 'briefcase', | ||
| 'fullscreen': 'fullscreen', | ||
| 'dashboard': 'dashboard', | ||
| 'paperclip': 'paperclip', | ||
| 'heart-empty': 'heart-empty', | ||
| 'link': 'link', | ||
| 'phone': 'phone', | ||
| 'pushpin': 'pushpin', | ||
| 'usd': 'usd', | ||
| 'gbp': 'gbp', | ||
| 'sort': 'sort', | ||
| 'sort-by-alphabet': 'sort-by-alphabet', | ||
| 'sort-by-alphabet-alt': 'sort-by-alphabet-alt', | ||
| 'sort-by-order': 'sort-by-order', | ||
| 'sort-by-order-alt': 'sort-by-order-alt', | ||
| 'sort-by-attributes': 'sort-by-attributes', | ||
| 'sort-by-attributes-alt': 'sort-by-attributes-alt', | ||
| 'unchecked': 'unchecked', | ||
| 'expand': 'expand', | ||
| 'collapse-down': 'collapse-down', | ||
| 'collapse-up': 'collapse-up', | ||
| 'log-in': 'log-in', | ||
| 'flash': 'flash', | ||
| 'log-out': 'log-out', | ||
| 'new-window': 'new-window', | ||
| 'record': 'record', | ||
| 'save': 'save', | ||
| 'open': 'open', | ||
| 'saved': 'saved', | ||
| 'import': 'import', | ||
| 'export': 'export', | ||
| 'send': 'send', | ||
| 'floppy-disk': 'floppy-disk', | ||
| 'floppy-saved': 'floppy-saved', | ||
| 'floppy-remove': 'floppy-remove', | ||
| 'floppy-save': 'floppy-save', | ||
| 'floppy-open': 'floppy-open', | ||
| 'credit-card': 'credit-card', | ||
| 'transfer': 'transfer', | ||
| 'cutlery': 'cutlery', | ||
| 'header': 'header', | ||
| 'compressed': 'compressed', | ||
| 'earphone': 'earphone', | ||
| 'phone-alt': 'phone-alt', | ||
| 'tower': 'tower', | ||
| 'stats': 'stats', | ||
| 'sd-video': 'sd-video', | ||
| 'hd-video': 'hd-video', | ||
| 'subtitles': 'subtitles', | ||
| 'sound-stereo': 'sound-stereo', | ||
| 'sound-dolby': 'sound-dolby', | ||
| 'sound-5-1': 'sound-5-1', | ||
| 'sound-6-1': 'sound-6-1', | ||
| 'sound-7-1': 'sound-7-1', | ||
| 'copyright-mark': 'copyright-mark', | ||
| 'registration-mark': 'registration-mark', | ||
| 'cloud-download': 'cloud-download', | ||
| 'cloud-upload': 'cloud-upload', | ||
| 'tree-conifer': 'tree-conifer', | ||
| 'tree-deciduous': 'tree-deciduous' | ||
| } | ||
| GLYPHS: [ | ||
| 'asterisk', | ||
| 'plus', | ||
| 'euro', | ||
| 'minus', | ||
| 'cloud', | ||
| 'envelope', | ||
| 'pencil', | ||
| 'glass', | ||
| 'music', | ||
| 'search', | ||
| 'heart', | ||
| 'star', | ||
| 'star-empty', | ||
| 'user', | ||
| 'film', | ||
| 'th-large', | ||
| 'th', | ||
| 'th-list', | ||
| 'ok', | ||
| 'remove', | ||
| 'zoom-in', | ||
| 'zoom-out', | ||
| 'off', | ||
| 'signal', | ||
| 'cog', | ||
| 'trash', | ||
| 'home', | ||
| 'file', | ||
| 'time', | ||
| 'road', | ||
| 'download-alt', | ||
| 'download', | ||
| 'upload', | ||
| 'inbox', | ||
| 'play-circle', | ||
| 'repeat', | ||
| 'refresh', | ||
| 'list-alt', | ||
| 'lock', | ||
| 'flag', | ||
| 'headphones', | ||
| 'volume-off', | ||
| 'volume-down', | ||
| 'volume-up', | ||
| 'qrcode', | ||
| 'barcode', | ||
| 'tag', | ||
| 'tags', | ||
| 'book', | ||
| 'bookmark', | ||
| 'print', | ||
| 'camera', | ||
| 'font', | ||
| 'bold', | ||
| 'italic', | ||
| 'text-height', | ||
| 'text-width', | ||
| 'align-left', | ||
| 'align-center', | ||
| 'align-right', | ||
| 'align-justify', | ||
| 'list', | ||
| 'indent-left', | ||
| 'indent-right', | ||
| 'facetime-video', | ||
| 'picture', | ||
| 'map-marker', | ||
| 'adjust', | ||
| 'tint', | ||
| 'edit', | ||
| 'share', | ||
| 'check', | ||
| 'move', | ||
| 'step-backward', | ||
| 'fast-backward', | ||
| 'backward', | ||
| 'play', | ||
| 'pause', | ||
| 'stop', | ||
| 'forward', | ||
| 'fast-forward', | ||
| 'step-forward', | ||
| 'eject', | ||
| 'chevron-left', | ||
| 'chevron-right', | ||
| 'plus-sign', | ||
| 'minus-sign', | ||
| 'remove-sign', | ||
| 'ok-sign', | ||
| 'question-sign', | ||
| 'info-sign', | ||
| 'screenshot', | ||
| 'remove-circle', | ||
| 'ok-circle', | ||
| 'ban-circle', | ||
| 'arrow-left', | ||
| 'arrow-right', | ||
| 'arrow-up', | ||
| 'arrow-down', | ||
| 'share-alt', | ||
| 'resize-full', | ||
| 'resize-small', | ||
| 'exclamation-sign', | ||
| 'gift', | ||
| 'leaf', | ||
| 'fire', | ||
| 'eye-open', | ||
| 'eye-close', | ||
| 'warning-sign', | ||
| 'plane', | ||
| 'calendar', | ||
| 'random', | ||
| 'comment', | ||
| 'magnet', | ||
| 'chevron-up', | ||
| 'chevron-down', | ||
| 'retweet', | ||
| 'shopping-cart', | ||
| 'folder-close', | ||
| 'folder-open', | ||
| 'resize-vertical', | ||
| 'resize-horizontal', | ||
| 'hdd', | ||
| 'bullhorn', | ||
| 'bell', | ||
| 'certificate', | ||
| 'thumbs-up', | ||
| 'thumbs-down', | ||
| 'hand-right', | ||
| 'hand-left', | ||
| 'hand-up', | ||
| 'hand-down', | ||
| 'circle-arrow-right', | ||
| 'circle-arrow-left', | ||
| 'circle-arrow-up', | ||
| 'circle-arrow-down', | ||
| 'globe', | ||
| 'wrench', | ||
| 'tasks', | ||
| 'filter', | ||
| 'briefcase', | ||
| 'fullscreen', | ||
| 'dashboard', | ||
| 'paperclip', | ||
| 'heart-empty', | ||
| 'link', | ||
| 'phone', | ||
| 'pushpin', | ||
| 'usd', | ||
| 'gbp', | ||
| 'sort', | ||
| 'sort-by-alphabet', | ||
| 'sort-by-alphabet-alt', | ||
| 'sort-by-order', | ||
| 'sort-by-order-alt', | ||
| 'sort-by-attributes', | ||
| 'sort-by-attributes-alt', | ||
| 'unchecked', | ||
| 'expand', | ||
| 'collapse-down', | ||
| 'collapse-up', | ||
| 'log-in', | ||
| 'flash', | ||
| 'log-out', | ||
| 'new-window', | ||
| 'record', | ||
| 'save', | ||
| 'open', | ||
| 'saved', | ||
| 'import', | ||
| 'export', | ||
| 'send', | ||
| 'floppy-disk', | ||
| 'floppy-saved', | ||
| 'floppy-remove', | ||
| 'floppy-save', | ||
| 'floppy-open', | ||
| 'credit-card', | ||
| 'transfer', | ||
| 'cutlery', | ||
| 'header', | ||
| 'compressed', | ||
| 'earphone', | ||
| 'phone-alt', | ||
| 'tower', | ||
| 'stats', | ||
| 'sd-video', | ||
| 'hd-video', | ||
| 'subtitles', | ||
| 'sound-stereo', | ||
| 'sound-dolby', | ||
| 'sound-5-1', | ||
| 'sound-6-1', | ||
| 'sound-7-1', | ||
| 'copyright-mark', | ||
| 'registration-mark', | ||
| 'cloud-download', | ||
| 'cloud-upload', | ||
| 'tree-conifer', | ||
| 'tree-deciduous' | ||
| ] | ||
| }; |
@@ -7,2 +7,3 @@ "use strict"; | ||
| var BootstrapMixin = require("./BootstrapMixin")["default"]; | ||
| var constants = require("./constants")["default"]; | ||
@@ -12,2 +13,6 @@ var Glyphicon = React.createClass({displayName: 'Glyphicon', | ||
| propTypes: { | ||
| glyph: React.PropTypes.oneOf(constants.GLYPHS).isRequired | ||
| }, | ||
| getDefaultProps: function () { | ||
@@ -22,2 +27,4 @@ return { | ||
| classes['glyphicon-' + this.props.glyph] = true; | ||
| return this.transferPropsTo( | ||
@@ -24,0 +31,0 @@ React.DOM.span( {className:classSet(classes)}, |
@@ -22,2 +22,4 @@ "use strict"; | ||
| keyboard: React.PropTypes.bool, | ||
| closeButton: React.PropTypes.bool, | ||
| animation: React.PropTypes.bool, | ||
| onRequestHide: React.PropTypes.func.isRequired | ||
@@ -31,3 +33,4 @@ }, | ||
| keyboard: true, | ||
| animation: true | ||
| animation: true, | ||
| closeButton: true | ||
| }; | ||
@@ -45,7 +48,7 @@ }, | ||
| React.DOM.div( | ||
| {tabIndex:"-1", | ||
| {title:null, | ||
| tabIndex:"-1", | ||
| role:"dialog", | ||
| style:modalStyle, | ||
| className:classSet(classes), | ||
| onClick:this.props.backdrop === true ? this.handleBackdropClick : null, | ||
| ref:"modal"}, | ||
@@ -73,5 +76,8 @@ React.DOM.div( {className:"modal-dialog"}, | ||
| var onClick = this.props.backdrop === true ? | ||
| this.handleBackdropClick : null; | ||
| return ( | ||
| React.DOM.div(null, | ||
| React.DOM.div( {className:classSet(classes), ref:"backdrop"} ), | ||
| React.DOM.div( {className:classSet(classes), ref:"backdrop", onClick:onClick} ), | ||
| modal | ||
@@ -83,5 +89,12 @@ ) | ||
| renderHeader: function () { | ||
| var closeButton; | ||
| if (this.props.closeButton) { | ||
| closeButton = ( | ||
| React.DOM.button( {type:"button", className:"close", 'aria-hidden':"true", onClick:this.props.onRequestHide}, "×") | ||
| ); | ||
| } | ||
| return ( | ||
| React.DOM.div( {className:"modal-header"}, | ||
| React.DOM.button( {type:"button", className:"close", 'aria-hidden':"true", onClick:this.props.onRequestHide}, "×"), | ||
| closeButton, | ||
| this.renderTitle() | ||
@@ -88,0 +101,0 @@ ) |
@@ -66,3 +66,3 @@ "use strict"; | ||
| activeHref: this.props.activeHref, | ||
| onSelect: utils.createChainedFunction(child.onSelect, this.props.onSelect), | ||
| onSelect: utils.createChainedFunction(child.props.onSelect, this.props.onSelect), | ||
| ref: child.props.ref, | ||
@@ -69,0 +69,0 @@ key: child.props.key |
@@ -11,3 +11,3 @@ "use strict"; | ||
| return { | ||
| container: document.body | ||
| container: typeof document !== 'undefined' ? document.body : null | ||
| }; | ||
@@ -14,0 +14,0 @@ }, |
@@ -132,3 +132,3 @@ "use strict"; | ||
| return this.transferPropsTo( | ||
| return ( | ||
| React.DOM.div( {className:classSet(classes), id:this.props.isCollapsable ? null : this.props.id}, | ||
@@ -135,0 +135,0 @@ this.renderHeading(), |
@@ -119,3 +119,3 @@ "use strict"; | ||
| active: this.getChildActiveProp(child), | ||
| onSelect: utils.createChainedFunction(child.onSelect, this.props.onSelect), | ||
| onSelect: utils.createChainedFunction(child.props.onSelect, this.props.onSelect), | ||
| ref: child.props.ref, | ||
@@ -122,0 +122,0 @@ key: child.props.key |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by2.64%
119140
- Number of package files
- increased by9.8%
112
- Lines of code
- increased by4.8%
3802
No dependency changes