<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="https://unpkg.com/react@15.3.2/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.js"></script>
<script src="react-bootstrap.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
</head>
<body>
<h1>React-Bootstrap Navbar toggleOnSelect & onSelect demo</h1>
<div id="container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
<script type="text/babel">
var NavItemOnClick = () => {
document.getElementById("text").innerHTML = "NavItem onClick Successful!"
}
var Navbar = ReactBootstrap.Navbar;
var Nav = ReactBootstrap.Nav;
var NavItem = ReactBootstrap.NavItem;
var Button = ReactBootstrap.Button;
var NavDropdown = ReactBootstrap.NavDropdown;
var MenuItem = ReactBootstrap.MenuItem;
var CustomNav = React.createClass({
getInitialState: function() {
return {
expanded: true,
navItemClicked: false
};
},
toggle() {
console.log("Navbar Toggled")
this.setState({ expanded: !this.state.expanded })
},
complexOnSelect(eventKey, syntheticEvent) {
if (eventKey != 2) {
this.toggle()
} else {
console.log("Event Key 2 detected! Ignored!")
}
},
navItemHandleClick() {
console.log("NavItem Clicked")
!this.state.navItemClicked && this.setState({navItemClicked: true})
},
reset() {
this.setState(this.getInitialState());
},
render: function () {
return (
<div>
<div>
Please ensure that this window in a mobile window size so that the navbar is expanded/collapsed as intended.
<Button onClick={this.reset}>Reset Toggle State</Button>
{ this.state.navItemClicked && <h4>NavItem onClick fired successfully! Pay attention to toggle/no-toggle behavior.</h4> }
</div>
<br />
<Navbar
inverse
onToggle={this.toggle}
expanded={this.state.expanded}
onSelect={this.complexOnSelect}
>
<Navbar.Header>
<Navbar.Brand>
<a href="#">Navbar with conditional onSelect (which fires this.toggle)</a>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<NavItem
eventKey={1}
href="#"
onSelect={ ()=> console.log('NavItem selected') }
onClick={this.navItemHandleClick}
>
Fire onSelect when clicking me
</NavItem>
<NavItem
eventKey={2}
href="#"
onSelect={ ()=> console.log('NavItem selected') }
onClick={this.navItemHandleClick}
>Do not fire onSelect on this NavItem
</NavItem>
<NavDropdown eventKey={3} title="Menu">
<MenuItem eventKey={3.1}>Action</MenuItem>
<MenuItem eventKey={3.2}>Another action</MenuItem>
</NavDropdown>
</Nav>
</Navbar.Collapse>
</Navbar>
<Navbar
inverse
onToggle={this.toggle}
expanded={this.state.expanded}
toggleOnSelect
>
<Navbar.Header>
<Navbar.Brand>
<a href="#">Navbar with toggleOnSelect</a>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<NavItem
eventKey={1}
href="#"
onSelect={ ()=> console.log('NavItem selected') }
onClick={this.navItemHandleClick}
>
Link
</NavItem>
<NavItem
eventKey={2}
href="#"
onSelect={ ()=> console.log('NavItem selected') }
onClick={this.navItemHandleClick}
>Link
</NavItem>
<NavDropdown eventKey={3} title="Menu">
<MenuItem eventKey={3.1}>Action</MenuItem>
<MenuItem eventKey={3.2}>Another action</MenuItem>
</NavDropdown>
</Nav>
</Navbar.Collapse>
</Navbar>
<Navbar
inverse
onToggle={this.toggle}
expanded={this.state.expanded}
>
<Navbar.Header>
<Navbar.Brand>
<a href="#">Navbar without toggleOnSelect or Navbar onSelect callback</a>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav>
<NavItem eventKey={1} href="#" onSelect={this.navItemHandleClick}>Link</NavItem>
<NavItem eventKey={2} href="#"onSelect={this.navItemHandleClick}>Link</NavItem>
</Nav>
</Navbar.Collapse>
</Navbar>
</div>
);
}
});
ReactDOM.render(
<CustomNav />,
document.getElementById('container')
);
</script>
</body>
</html>
// Code goes here
/* Styles go here */
#React-Bootstrap Navbar lazyAutoToggle Demo
This is a demo of how the `toggleOnSelect` & `onSelect` API would work with `<Navbar`> &
`<Nav>` and its subcomponents.
#Using the demo
Hit the `Run` button to render the demo.
A `Reset State` button has been provided to make it easy to reset the demo.
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("react-dom"));
else if(typeof define === 'function' && define.amd)
define(["react", "react-dom"], factory);
else if(typeof exports === 'object')
exports["ReactBootstrap"] = factory(require("react"), require("react-dom"));
else
root["ReactBootstrap"] = factory(root["React"], root["ReactDOM"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_85__, __WEBPACK_EXTERNAL_MODULE_115__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports.utils = exports.Well = exports.Tooltip = exports.Thumbnail = exports.Tabs = exports.TabPane = exports.Table = exports.TabContent = exports.TabContainer = exports.Tab = exports.SplitButton = exports.SafeAnchor = exports.Row = exports.ResponsiveEmbed = exports.Radio = exports.ProgressBar = exports.Popover = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Pager = exports.PageItem = exports.PageHeader = exports.OverlayTrigger = exports.Overlay = exports.NavItem = exports.NavDropdown = exports.NavbarBrand = exports.Navbar = exports.Nav = exports.ModalTitle = exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = exports.MenuItem = exports.Media = exports.ListGroupItem = exports.ListGroup = exports.Label = exports.Jumbotron = exports.InputGroup = exports.Image = exports.HelpBlock = exports.Grid = exports.Glyphicon = exports.FormGroup = exports.FormControl = exports.Form = exports.Fade = exports.DropdownButton = exports.Dropdown = exports.Collapse = exports.Col = exports.ControlLabel = exports.Clearfix = exports.Checkbox = exports.CarouselItem = exports.Carousel = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.BreadcrumbItem = exports.Breadcrumb = exports.Badge = exports.Alert = exports.Accordion = undefined;
var _Accordion2 = __webpack_require__(1);
var _Accordion3 = _interopRequireDefault(_Accordion2);
var _Alert2 = __webpack_require__(98);
var _Alert3 = _interopRequireDefault(_Alert2);
var _Badge2 = __webpack_require__(102);
var _Badge3 = _interopRequireDefault(_Badge2);
var _Breadcrumb2 = __webpack_require__(103);
var _Breadcrumb3 = _interopRequireDefault(_Breadcrumb2);
var _BreadcrumbItem2 = __webpack_require__(104);
var _BreadcrumbItem3 = _interopRequireDefault(_BreadcrumbItem2);
var _Button2 = __webpack_require__(108);
var _Button3 = _interopRequireDefault(_Button2);
var _ButtonGroup2 = __webpack_require__(109);
var _ButtonGroup3 = _interopRequireDefault(_ButtonGroup2);
var _ButtonToolbar2 = __webpack_require__(111);
var _ButtonToolbar3 = _interopRequireDefault(_ButtonToolbar2);
var _Carousel2 = __webpack_require__(112);
var _Carousel3 = _interopRequireDefault(_Carousel2);
var _CarouselItem2 = __webpack_require__(114);
var _CarouselItem3 = _interopRequireDefault(_CarouselItem2);
var _Checkbox2 = __webpack_require__(118);
var _Checkbox3 = _interopRequireDefault(_Checkbox2);
var _Clearfix2 = __webpack_require__(120);
var _Clearfix3 = _interopRequireDefault(_Clearfix2);
var _ControlLabel2 = __webpack_require__(122);
var _ControlLabel3 = _interopRequireDefault(_ControlLabel2);
var _Col2 = __webpack_require__(123);
var _Col3 = _interopRequireDefault(_Col2);
var _Collapse2 = __webpack_require__(124);
var _Collapse3 = _interopRequireDefault(_Collapse2);
var _Dropdown2 = __webpack_require__(137);
var _Dropdown3 = _interopRequireDefault(_Dropdown2);
var _DropdownButton2 = __webpack_require__(162);
var _DropdownButton3 = _interopRequireDefault(_DropdownButton2);
var _Fade2 = __webpack_require__(164);
var _Fade3 = _interopRequireDefault(_Fade2);
var _Form2 = __webpack_require__(165);
var _Form3 = _interopRequireDefault(_Form2);
var _FormControl2 = __webpack_require__(166);
var _FormControl3 = _interopRequireDefault(_FormControl2);
var _FormGroup2 = __webpack_require__(169);
var _FormGroup3 = _interopRequireDefault(_FormGroup2);
var _Glyphicon2 = __webpack_require__(117);
var _Glyphicon3 = _interopRequireDefault(_Glyphicon2);
var _Grid2 = __webpack_require__(170);
var _Grid3 = _interopRequireDefault(_Grid2);
var _HelpBlock2 = __webpack_require__(171);
var _HelpBlock3 = _interopRequireDefault(_HelpBlock2);
var _Image2 = __webpack_require__(172);
var _Image3 = _interopRequireDefault(_Image2);
var _InputGroup2 = __webpack_require__(173);
var _InputGroup3 = _interopRequireDefault(_InputGroup2);
var _Jumbotron2 = __webpack_require__(176);
var _Jumbotron3 = _interopRequireDefault(_Jumbotron2);
var _Label2 = __webpack_require__(177);
var _Label3 = _interopRequireDefault(_Label2);
var _ListGroup2 = __webpack_require__(178);
var _ListGroup3 = _interopRequireDefault(_ListGroup2);
var _ListGroupItem2 = __webpack_require__(179);
var _ListGroupItem3 = _interopRequireDefault(_ListGroupItem2);
var _Media2 = __webpack_require__(180);
var _Media3 = _interopRequireDefault(_Media2);
var _MenuItem2 = __webpack_require__(187);
var _MenuItem3 = _interopRequireDefault(_MenuItem2);
var _Modal2 = __webpack_require__(188);
var _Modal3 = _interopRequireDefault(_Modal2);
var _ModalBody2 = __webpack_require__(206);
var _ModalBody3 = _interopRequireDefault(_ModalBody2);
var _ModalFooter2 = __webpack_require__(208);
var _ModalFooter3 = _interopRequireDefault(_ModalFooter2);
var _ModalHeader2 = __webpack_require__(209);
var _ModalHeader3 = _interopRequireDefault(_ModalHeader2);
var _ModalTitle2 = __webpack_require__(210);
var _ModalTitle3 = _interopRequireDefault(_ModalTitle2);
var _Nav2 = __webpack_require__(211);
var _Nav3 = _interopRequireDefault(_Nav2);
var _Navbar2 = __webpack_require__(212);
var _Navbar3 = _interopRequireDefault(_Navbar2);
var _NavbarBrand2 = __webpack_require__(213);
var _NavbarBrand3 = _interopRequireDefault(_NavbarBrand2);
var _NavDropdown2 = __webpack_require__(217);
var _NavDropdown3 = _interopRequireDefault(_NavDropdown2);
var _NavItem2 = __webpack_require__(218);
var _NavItem3 = _interopRequireDefault(_NavItem2);
var _Overlay2 = __webpack_require__(219);
var _Overlay3 = _interopRequireDefault(_Overlay2);
var _OverlayTrigger2 = __webpack_require__(228);
var _OverlayTrigger3 = _interopRequireDefault(_OverlayTrigger2);
var _PageHeader2 = __webpack_require__(229);
var _PageHeader3 = _interopRequireDefault(_PageHeader2);
var _PageItem2 = __webpack_require__(230);
var _PageItem3 = _interopRequireDefault(_PageItem2);
var _Pager2 = __webpack_require__(233);
var _Pager3 = _interopRequireDefault(_Pager2);
var _Pagination2 = __webpack_require__(234);
var _Pagination3 = _interopRequireDefault(_Pagination2);
var _Panel2 = __webpack_require__(236);
var _Panel3 = _interopRequireDefault(_Panel2);
var _PanelGroup2 = __webpack_require__(86);
var _PanelGroup3 = _interopRequireDefault(_PanelGroup2);
var _Popover2 = __webpack_require__(237);
var _Popover3 = _interopRequireDefault(_Popover2);
var _ProgressBar2 = __webpack_require__(238);
var _ProgressBar3 = _interopRequireDefault(_ProgressBar2);
var _Radio2 = __webpack_require__(239);
var _Radio3 = _interopRequireDefault(_Radio2);
var _ResponsiveEmbed2 = __webpack_require__(240);
var _ResponsiveEmbed3 = _interopRequireDefault(_ResponsiveEmbed2);
var _Row2 = __webpack_require__(241);
var _Row3 = _interopRequireDefault(_Row2);
var _SafeAnchor2 = __webpack_require__(105);
var _SafeAnchor3 = _interopRequireDefault(_SafeAnchor2);
var _SplitButton2 = __webpack_require__(242);
var _SplitButton3 = _interopRequireDefault(_SplitButton2);
var _Tab2 = __webpack_require__(244);
var _Tab3 = _interopRequireDefault(_Tab2);
var _TabContainer2 = __webpack_require__(245);
var _TabContainer3 = _interopRequireDefault(_TabContainer2);
var _TabContent2 = __webpack_require__(246);
var _TabContent3 = _interopRequireDefault(_TabContent2);
var _Table2 = __webpack_require__(248);
var _Table3 = _interopRequireDefault(_Table2);
var _TabPane2 = __webpack_require__(247);
var _TabPane3 = _interopRequireDefault(_TabPane2);
var _Tabs2 = __webpack_require__(249);
var _Tabs3 = _interopRequireDefault(_Tabs2);
var _Thumbnail2 = __webpack_require__(250);
var _Thumbnail3 = _interopRequireDefault(_Thumbnail2);
var _Tooltip2 = __webpack_require__(251);
var _Tooltip3 = _interopRequireDefault(_Tooltip2);
var _Well2 = __webpack_require__(252);
var _Well3 = _interopRequireDefault(_Well2);
var _utils2 = __webpack_require__(253);
var _utils = _interopRequireWildcard(_utils2);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
exports.Accordion = _Accordion3['default'];
exports.Alert = _Alert3['default'];
exports.Badge = _Badge3['default'];
exports.Breadcrumb = _Breadcrumb3['default'];
exports.BreadcrumbItem = _BreadcrumbItem3['default'];
exports.Button = _Button3['default'];
exports.ButtonGroup = _ButtonGroup3['default'];
exports.ButtonToolbar = _ButtonToolbar3['default'];
exports.Carousel = _Carousel3['default'];
exports.CarouselItem = _CarouselItem3['default'];
exports.Checkbox = _Checkbox3['default'];
exports.Clearfix = _Clearfix3['default'];
exports.ControlLabel = _ControlLabel3['default'];
exports.Col = _Col3['default'];
exports.Collapse = _Collapse3['default'];
exports.Dropdown = _Dropdown3['default'];
exports.DropdownButton = _DropdownButton3['default'];
exports.Fade = _Fade3['default'];
exports.Form = _Form3['default'];
exports.FormControl = _FormControl3['default'];
exports.FormGroup = _FormGroup3['default'];
exports.Glyphicon = _Glyphicon3['default'];
exports.Grid = _Grid3['default'];
exports.HelpBlock = _HelpBlock3['default'];
exports.Image = _Image3['default'];
exports.InputGroup = _InputGroup3['default'];
exports.Jumbotron = _Jumbotron3['default'];
exports.Label = _Label3['default'];
exports.ListGroup = _ListGroup3['default'];
exports.ListGroupItem = _ListGroupItem3['default'];
exports.Media = _Media3['default'];
exports.MenuItem = _MenuItem3['default'];
exports.Modal = _Modal3['default'];
exports.ModalBody = _ModalBody3['default'];
exports.ModalFooter = _ModalFooter3['default'];
exports.ModalHeader = _ModalHeader3['default'];
exports.ModalTitle = _ModalTitle3['default'];
exports.Nav = _Nav3['default'];
exports.Navbar = _Navbar3['default'];
exports.NavbarBrand = _NavbarBrand3['default'];
exports.NavDropdown = _NavDropdown3['default'];
exports.NavItem = _NavItem3['default'];
exports.Overlay = _Overlay3['default'];
exports.OverlayTrigger = _OverlayTrigger3['default'];
exports.PageHeader = _PageHeader3['default'];
exports.PageItem = _PageItem3['default'];
exports.Pager = _Pager3['default'];
exports.Pagination = _Pagination3['default'];
exports.Panel = _Panel3['default'];
exports.PanelGroup = _PanelGroup3['default'];
exports.Popover = _Popover3['default'];
exports.ProgressBar = _ProgressBar3['default'];
exports.Radio = _Radio3['default'];
exports.ResponsiveEmbed = _ResponsiveEmbed3['default'];
exports.Row = _Row3['default'];
exports.SafeAnchor = _SafeAnchor3['default'];
exports.SplitButton = _SplitButton3['default'];
exports.Tab = _Tab3['default'];
exports.TabContainer = _TabContainer3['default'];
exports.TabContent = _TabContent3['default'];
exports.Table = _Table3['default'];
exports.TabPane = _TabPane3['default'];
exports.Tabs = _Tabs3['default'];
exports.Thumbnail = _Thumbnail3['default'];
exports.Tooltip = _Tooltip3['default'];
exports.Well = _Well3['default'];
exports.utils = _utils;
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _PanelGroup = __webpack_require__(86);
var _PanelGroup2 = _interopRequireDefault(_PanelGroup);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var Accordion = function (_React$Component) {
(0, _inherits3['default'])(Accordion, _React$Component);
function Accordion() {
(0, _classCallCheck3['default'])(this, Accordion);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Accordion.prototype.render = function render() {
return _react2['default'].createElement(
_PanelGroup2['default'],
(0, _extends3['default'])({}, this.props, { accordion: true }),
this.props.children
);
};
return Accordion;
}(_react2['default'].Component);
exports['default'] = Accordion;
module.exports = exports['default'];
/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _assign = __webpack_require__(3);
var _assign2 = _interopRequireDefault(_assign);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = _assign2.default || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(4), __esModule: true };
/***/ },
/* 4 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(5);
module.exports = __webpack_require__(8).Object.assign;
/***/ },
/* 5 */
/***/ function(module, exports, __webpack_require__) {
// 19.1.3.1 Object.assign(target, source)
var $export = __webpack_require__(6);
$export($export.S + $export.F, 'Object', {assign: __webpack_require__(21)});
/***/ },
/* 6 */
/***/ function(module, exports, __webpack_require__) {
var global = __webpack_require__(7)
, core = __webpack_require__(8)
, ctx = __webpack_require__(9)
, hide = __webpack_require__(11)
, PROTOTYPE = 'prototype';
var $export = function(type, name, source){
var IS_FORCED = type & $export.F
, IS_GLOBAL = type & $export.G
, IS_STATIC = type & $export.S
, IS_PROTO = type & $export.P
, IS_BIND = type & $export.B
, IS_WRAP = type & $export.W
, exports = IS_GLOBAL ? core : core[name] || (core[name] = {})
, expProto = exports[PROTOTYPE]
, target = IS_GLOBAL ? global : IS_STATIC ? global[name] : (global[name] || {})[PROTOTYPE]
, key, own, out;
if(IS_GLOBAL)source = name;
for(key in source){
// contains in native
own = !IS_FORCED && target && target[key] !== undefined;
if(own && key in exports)continue;
// export native or passed
out = own ? target[key] : source[key];
// prevent global pollution for namespaces
exports[key] = IS_GLOBAL && typeof target[key] != 'function' ? source[key]
// bind timers to global for call from export context
: IS_BIND && own ? ctx(out, global)
// wrap global constructors for prevent change them in library
: IS_WRAP && target[key] == out ? (function(C){
var F = function(a, b, c){
if(this instanceof C){
switch(arguments.length){
case 0: return new C;
case 1: return new C(a);
case 2: return new C(a, b);
} return new C(a, b, c);
} return C.apply(this, arguments);
};
F[PROTOTYPE] = C[PROTOTYPE];
return F;
// make static versions for prototype methods
})(out) : IS_PROTO && typeof out == 'function' ? ctx(Function.call, out) : out;
// export proto methods to core.%CONSTRUCTOR%.methods.%NAME%
if(IS_PROTO){
(exports.virtual || (exports.virtual = {}))[key] = out;
// export proto methods to core.%CONSTRUCTOR%.prototype.%NAME%
if(type & $export.R && expProto && !expProto[key])hide(expProto, key, out);
}
}
};
// type bitmap
$export.F = 1; // forced
$export.G = 2; // global
$export.S = 4; // static
$export.P = 8; // proto
$export.B = 16; // bind
$export.W = 32; // wrap
$export.U = 64; // safe
$export.R = 128; // real proto method for `library`
module.exports = $export;
/***/ },
/* 7 */
/***/ function(module, exports) {
// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
var global = module.exports = typeof window != 'undefined' && window.Math == Math
? window : typeof self != 'undefined' && self.Math == Math ? self : Function('return this')();
if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef
/***/ },
/* 8 */
/***/ function(module, exports) {
var core = module.exports = {version: '2.4.0'};
if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef
/***/ },
/* 9 */
/***/ function(module, exports, __webpack_require__) {
// optional / simple context binding
var aFunction = __webpack_require__(10);
module.exports = function(fn, that, length){
aFunction(fn);
if(that === undefined)return fn;
switch(length){
case 1: return function(a){
return fn.call(that, a);
};
case 2: return function(a, b){
return fn.call(that, a, b);
};
case 3: return function(a, b, c){
return fn.call(that, a, b, c);
};
}
return function(/* ...args */){
return fn.apply(that, arguments);
};
};
/***/ },
/* 10 */
/***/ function(module, exports) {
module.exports = function(it){
if(typeof it != 'function')throw TypeError(it + ' is not a function!');
return it;
};
/***/ },
/* 11 */
/***/ function(module, exports, __webpack_require__) {
var dP = __webpack_require__(12)
, createDesc = __webpack_require__(20);
module.exports = __webpack_require__(16) ? function(object, key, value){
return dP.f(object, key, createDesc(1, value));
} : function(object, key, value){
object[key] = value;
return object;
};
/***/ },
/* 12 */
/***/ function(module, exports, __webpack_require__) {
var anObject = __webpack_require__(13)
, IE8_DOM_DEFINE = __webpack_require__(15)
, toPrimitive = __webpack_require__(19)
, dP = Object.defineProperty;
exports.f = __webpack_require__(16) ? Object.defineProperty : function defineProperty(O, P, Attributes){
anObject(O);
P = toPrimitive(P, true);
anObject(Attributes);
if(IE8_DOM_DEFINE)try {
return dP(O, P, Attributes);
} catch(e){ /* empty */ }
if('get' in Attributes || 'set' in Attributes)throw TypeError('Accessors not supported!');
if('value' in Attributes)O[P] = Attributes.value;
return O;
};
/***/ },
/* 13 */
/***/ function(module, exports, __webpack_require__) {
var isObject = __webpack_require__(14);
module.exports = function(it){
if(!isObject(it))throw TypeError(it + ' is not an object!');
return it;
};
/***/ },
/* 14 */
/***/ function(module, exports) {
module.exports = function(it){
return typeof it === 'object' ? it !== null : typeof it === 'function';
};
/***/ },
/* 15 */
/***/ function(module, exports, __webpack_require__) {
module.exports = !__webpack_require__(16) && !__webpack_require__(17)(function(){
return Object.defineProperty(__webpack_require__(18)('div'), 'a', {get: function(){ return 7; }}).a != 7;
});
/***/ },
/* 16 */
/***/ function(module, exports, __webpack_require__) {
// Thank's IE8 for his funny defineProperty
module.exports = !__webpack_require__(17)(function(){
return Object.defineProperty({}, 'a', {get: function(){ return 7; }}).a != 7;
});
/***/ },
/* 17 */
/***/ function(module, exports) {
module.exports = function(exec){
try {
return !!exec();
} catch(e){
return true;
}
};
/***/ },
/* 18 */
/***/ function(module, exports, __webpack_require__) {
var isObject = __webpack_require__(14)
, document = __webpack_require__(7).document
// in old IE typeof document.createElement is 'object'
, is = isObject(document) && isObject(document.createElement);
module.exports = function(it){
return is ? document.createElement(it) : {};
};
/***/ },
/* 19 */
/***/ function(module, exports, __webpack_require__) {
// 7.1.1 ToPrimitive(input [, PreferredType])
var isObject = __webpack_require__(14);
// instead of the ES6 spec version, we didn't implement @@toPrimitive case
// and the second argument - flag - preferred type is a string
module.exports = function(it, S){
if(!isObject(it))return it;
var fn, val;
if(S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val;
if(typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it)))return val;
if(!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it)))return val;
throw TypeError("Can't convert object to primitive value");
};
/***/ },
/* 20 */
/***/ function(module, exports) {
module.exports = function(bitmap, value){
return {
enumerable : !(bitmap & 1),
configurable: !(bitmap & 2),
writable : !(bitmap & 4),
value : value
};
};
/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
// 19.1.2.1 Object.assign(target, source, ...)
var getKeys = __webpack_require__(22)
, gOPS = __webpack_require__(37)
, pIE = __webpack_require__(38)
, toObject = __webpack_require__(39)
, IObject = __webpack_require__(26)
, $assign = Object.assign;
// should work with symbols and should have deterministic property order (V8 bug)
module.exports = !$assign || __webpack_require__(17)(function(){
var A = {}
, B = {}
, S = Symbol()
, K = 'abcdefghijklmnopqrst';
A[S] = 7;
K.split('').forEach(function(k){ B[k] = k; });
return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;
}) ? function assign(target, source){ // eslint-disable-line no-unused-vars
var T = toObject(target)
, aLen = arguments.length
, index = 1
, getSymbols = gOPS.f
, isEnum = pIE.f;
while(aLen > index){
var S = IObject(arguments[index++])
, keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S)
, length = keys.length
, j = 0
, key;
while(length > j)if(isEnum.call(S, key = keys[j++]))T[key] = S[key];
} return T;
} : $assign;
/***/ },
/* 22 */
/***/ function(module, exports, __webpack_require__) {
// 19.1.2.14 / 15.2.3.14 Object.keys(O)
var $keys = __webpack_require__(23)
, enumBugKeys = __webpack_require__(36);
module.exports = Object.keys || function keys(O){
return $keys(O, enumBugKeys);
};
/***/ },
/* 23 */
/***/ function(module, exports, __webpack_require__) {
var has = __webpack_require__(24)
, toIObject = __webpack_require__(25)
, arrayIndexOf = __webpack_require__(29)(false)
, IE_PROTO = __webpack_require__(33)('IE_PROTO');
module.exports = function(object, names){
var O = toIObject(object)
, i = 0
, result = []
, key;
for(key in O)if(key != IE_PROTO)has(O, key) && result.push(key);
// Don't enum bug & hidden keys
while(names.length > i)if(has(O, key = names[i++])){
~arrayIndexOf(result, key) || result.push(key);
}
return result;
};
/***/ },
/* 24 */
/***/ function(module, exports) {
var hasOwnProperty = {}.hasOwnProperty;
module.exports = function(it, key){
return hasOwnProperty.call(it, key);
};
/***/ },
/* 25 */
/***/ function(module, exports, __webpack_require__) {
// to indexed object, toObject with fallback for non-array-like ES3 strings
var IObject = __webpack_require__(26)
, defined = __webpack_require__(28);
module.exports = function(it){
return IObject(defined(it));
};
/***/ },
/* 26 */
/***/ function(module, exports, __webpack_require__) {
// fallback for non-array-like ES3 and non-enumerable old V8 strings
var cof = __webpack_require__(27);
module.exports = Object('z').propertyIsEnumerable(0) ? Object : function(it){
return cof(it) == 'String' ? it.split('') : Object(it);
};
/***/ },
/* 27 */
/***/ function(module, exports) {
var toString = {}.toString;
module.exports = function(it){
return toString.call(it).slice(8, -1);
};
/***/ },
/* 28 */
/***/ function(module, exports) {
// 7.2.1 RequireObjectCoercible(argument)
module.exports = function(it){
if(it == undefined)throw TypeError("Can't call method on " + it);
return it;
};
/***/ },
/* 29 */
/***/ function(module, exports, __webpack_require__) {
// false -> Array#indexOf
// true -> Array#includes
var toIObject = __webpack_require__(25)
, toLength = __webpack_require__(30)
, toIndex = __webpack_require__(32);
module.exports = function(IS_INCLUDES){
return function($this, el, fromIndex){
var O = toIObject($this)
, length = toLength(O.length)
, index = toIndex(fromIndex, length)
, value;
// Array#includes uses SameValueZero equality algorithm
if(IS_INCLUDES && el != el)while(length > index){
value = O[index++];
if(value != value)return true;
// Array#toIndex ignores holes, Array#includes - not
} else for(;length > index; index++)if(IS_INCLUDES || index in O){
if(O[index] === el)return IS_INCLUDES || index || 0;
} return !IS_INCLUDES && -1;
};
};
/***/ },
/* 30 */
/***/ function(module, exports, __webpack_require__) {
// 7.1.15 ToLength
var toInteger = __webpack_require__(31)
, min = Math.min;
module.exports = function(it){
return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
};
/***/ },
/* 31 */
/***/ function(module, exports) {
// 7.1.4 ToInteger
var ceil = Math.ceil
, floor = Math.floor;
module.exports = function(it){
return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
};
/***/ },
/* 32 */
/***/ function(module, exports, __webpack_require__) {
var toInteger = __webpack_require__(31)
, max = Math.max
, min = Math.min;
module.exports = function(index, length){
index = toInteger(index);
return index < 0 ? max(index + length, 0) : min(index, length);
};
/***/ },
/* 33 */
/***/ function(module, exports, __webpack_require__) {
var shared = __webpack_require__(34)('keys')
, uid = __webpack_require__(35);
module.exports = function(key){
return shared[key] || (shared[key] = uid(key));
};
/***/ },
/* 34 */
/***/ function(module, exports, __webpack_require__) {
var global = __webpack_require__(7)
, SHARED = '__core-js_shared__'
, store = global[SHARED] || (global[SHARED] = {});
module.exports = function(key){
return store[key] || (store[key] = {});
};
/***/ },
/* 35 */
/***/ function(module, exports) {
var id = 0
, px = Math.random();
module.exports = function(key){
return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
};
/***/ },
/* 36 */
/***/ function(module, exports) {
// IE 8- don't enum bug keys
module.exports = (
'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
).split(',');
/***/ },
/* 37 */
/***/ function(module, exports) {
exports.f = Object.getOwnPropertySymbols;
/***/ },
/* 38 */
/***/ function(module, exports) {
exports.f = {}.propertyIsEnumerable;
/***/ },
/* 39 */
/***/ function(module, exports, __webpack_require__) {
// 7.1.13 ToObject(argument)
var defined = __webpack_require__(28);
module.exports = function(it){
return Object(defined(it));
};
/***/ },
/* 40 */
/***/ function(module, exports) {
"use strict";
exports.__esModule = true;
exports.default = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
/***/ },
/* 41 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _typeof2 = __webpack_require__(42);
var _typeof3 = _interopRequireDefault(_typeof2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return call && ((typeof call === "undefined" ? "undefined" : (0, _typeof3.default)(call)) === "object" || typeof call === "function") ? call : self;
};
/***/ },
/* 42 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _iterator = __webpack_require__(43);
var _iterator2 = _interopRequireDefault(_iterator);
var _symbol = __webpack_require__(63);
var _symbol2 = _interopRequireDefault(_symbol);
var _typeof = typeof _symbol2.default === "function" && typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default ? "symbol" : typeof obj; };
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = typeof _symbol2.default === "function" && _typeof(_iterator2.default) === "symbol" ? function (obj) {
return typeof obj === "undefined" ? "undefined" : _typeof(obj);
} : function (obj) {
return obj && typeof _symbol2.default === "function" && obj.constructor === _symbol2.default ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj);
};
/***/ },
/* 43 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(44), __esModule: true };
/***/ },
/* 44 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(45);
__webpack_require__(58);
module.exports = __webpack_require__(62).f('iterator');
/***/ },
/* 45 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var $at = __webpack_require__(46)(true);
// 21.1.3.27 String.prototype[@@iterator]()
__webpack_require__(47)(String, 'String', function(iterated){
this._t = String(iterated); // target
this._i = 0; // next index
// 21.1.5.2.1 %StringIteratorPrototype%.next()
}, function(){
var O = this._t
, index = this._i
, point;
if(index >= O.length)return {value: undefined, done: true};
point = $at(O, index);
this._i += point.length;
return {value: point, done: false};
});
/***/ },
/* 46 */
/***/ function(module, exports, __webpack_require__) {
var toInteger = __webpack_require__(31)
, defined = __webpack_require__(28);
// true -> String#at
// false -> String#codePointAt
module.exports = function(TO_STRING){
return function(that, pos){
var s = String(defined(that))
, i = toInteger(pos)
, l = s.length
, a, b;
if(i < 0 || i >= l)return TO_STRING ? '' : undefined;
a = s.charCodeAt(i);
return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff
? TO_STRING ? s.charAt(i) : a
: TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;
};
};
/***/ },
/* 47 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var LIBRARY = __webpack_require__(48)
, $export = __webpack_require__(6)
, redefine = __webpack_require__(49)
, hide = __webpack_require__(11)
, has = __webpack_require__(24)
, Iterators = __webpack_require__(50)
, $iterCreate = __webpack_require__(51)
, setToStringTag = __webpack_require__(55)
, getPrototypeOf = __webpack_require__(57)
, ITERATOR = __webpack_require__(56)('iterator')
, BUGGY = !([].keys && 'next' in [].keys()) // Safari has buggy iterators w/o `next`
, FF_ITERATOR = '@@iterator'
, KEYS = 'keys'
, VALUES = 'values';
var returnThis = function(){ return this; };
module.exports = function(Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED){
$iterCreate(Constructor, NAME, next);
var getMethod = function(kind){
if(!BUGGY && kind in proto)return proto[kind];
switch(kind){
case KEYS: return function keys(){ return new Constructor(this, kind); };
case VALUES: return function values(){ return new Constructor(this, kind); };
} return function entries(){ return new Constructor(this, kind); };
};
var TAG = NAME + ' Iterator'
, DEF_VALUES = DEFAULT == VALUES
, VALUES_BUG = false
, proto = Base.prototype
, $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT]
, $default = $native || getMethod(DEFAULT)
, $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined
, $anyNative = NAME == 'Array' ? proto.entries || $native : $native
, methods, key, IteratorPrototype;
// Fix native
if($anyNative){
IteratorPrototype = getPrototypeOf($anyNative.call(new Base));
if(IteratorPrototype !== Object.prototype){
// Set @@toStringTag to native iterators
setToStringTag(IteratorPrototype, TAG, true);
// fix for some old engines
if(!LIBRARY && !has(IteratorPrototype, ITERATOR))hide(IteratorPrototype, ITERATOR, returnThis);
}
}
// fix Array#{values, @@iterator}.name in V8 / FF
if(DEF_VALUES && $native && $native.name !== VALUES){
VALUES_BUG = true;
$default = function values(){ return $native.call(this); };
}
// Define iterator
if((!LIBRARY || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])){
hide(proto, ITERATOR, $default);
}
// Plug for library
Iterators[NAME] = $default;
Iterators[TAG] = returnThis;
if(DEFAULT){
methods = {
values: DEF_VALUES ? $default : getMethod(VALUES),
keys: IS_SET ? $default : getMethod(KEYS),
entries: $entries
};
if(FORCED)for(key in methods){
if(!(key in proto))redefine(proto, key, methods[key]);
} else $export($export.P + $export.F * (BUGGY || VALUES_BUG), NAME, methods);
}
return methods;
};
/***/ },
/* 48 */
/***/ function(module, exports) {
module.exports = true;
/***/ },
/* 49 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(11);
/***/ },
/* 50 */
/***/ function(module, exports) {
module.exports = {};
/***/ },
/* 51 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var create = __webpack_require__(52)
, descriptor = __webpack_require__(20)
, setToStringTag = __webpack_require__(55)
, IteratorPrototype = {};
// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
__webpack_require__(11)(IteratorPrototype, __webpack_require__(56)('iterator'), function(){ return this; });
module.exports = function(Constructor, NAME, next){
Constructor.prototype = create(IteratorPrototype, {next: descriptor(1, next)});
setToStringTag(Constructor, NAME + ' Iterator');
};
/***/ },
/* 52 */
/***/ function(module, exports, __webpack_require__) {
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
var anObject = __webpack_require__(13)
, dPs = __webpack_require__(53)
, enumBugKeys = __webpack_require__(36)
, IE_PROTO = __webpack_require__(33)('IE_PROTO')
, Empty = function(){ /* empty */ }
, PROTOTYPE = 'prototype';
// Create object with fake `null` prototype: use iframe Object with cleared prototype
var createDict = function(){
// Thrash, waste and sodomy: IE GC bug
var iframe = __webpack_require__(18)('iframe')
, i = enumBugKeys.length
, lt = '<'
, gt = '>'
, iframeDocument;
iframe.style.display = 'none';
__webpack_require__(54).appendChild(iframe);
iframe.src = 'javascript:'; // eslint-disable-line no-script-url
// createDict = iframe.contentWindow.Object;
// html.removeChild(iframe);
iframeDocument = iframe.contentWindow.document;
iframeDocument.open();
iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
iframeDocument.close();
createDict = iframeDocument.F;
while(i--)delete createDict[PROTOTYPE][enumBugKeys[i]];
return createDict();
};
module.exports = Object.create || function create(O, Properties){
var result;
if(O !== null){
Empty[PROTOTYPE] = anObject(O);
result = new Empty;
Empty[PROTOTYPE] = null;
// add "__proto__" for Object.getPrototypeOf polyfill
result[IE_PROTO] = O;
} else result = createDict();
return Properties === undefined ? result : dPs(result, Properties);
};
/***/ },
/* 53 */
/***/ function(module, exports, __webpack_require__) {
var dP = __webpack_require__(12)
, anObject = __webpack_require__(13)
, getKeys = __webpack_require__(22);
module.exports = __webpack_require__(16) ? Object.defineProperties : function defineProperties(O, Properties){
anObject(O);
var keys = getKeys(Properties)
, length = keys.length
, i = 0
, P;
while(length > i)dP.f(O, P = keys[i++], Properties[P]);
return O;
};
/***/ },
/* 54 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(7).document && document.documentElement;
/***/ },
/* 55 */
/***/ function(module, exports, __webpack_require__) {
var def = __webpack_require__(12).f
, has = __webpack_require__(24)
, TAG = __webpack_require__(56)('toStringTag');
module.exports = function(it, tag, stat){
if(it && !has(it = stat ? it : it.prototype, TAG))def(it, TAG, {configurable: true, value: tag});
};
/***/ },
/* 56 */
/***/ function(module, exports, __webpack_require__) {
var store = __webpack_require__(34)('wks')
, uid = __webpack_require__(35)
, Symbol = __webpack_require__(7).Symbol
, USE_SYMBOL = typeof Symbol == 'function';
var $exports = module.exports = function(name){
return store[name] || (store[name] =
USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
};
$exports.store = store;
/***/ },
/* 57 */
/***/ function(module, exports, __webpack_require__) {
// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O)
var has = __webpack_require__(24)
, toObject = __webpack_require__(39)
, IE_PROTO = __webpack_require__(33)('IE_PROTO')
, ObjectProto = Object.prototype;
module.exports = Object.getPrototypeOf || function(O){
O = toObject(O);
if(has(O, IE_PROTO))return O[IE_PROTO];
if(typeof O.constructor == 'function' && O instanceof O.constructor){
return O.constructor.prototype;
} return O instanceof Object ? ObjectProto : null;
};
/***/ },
/* 58 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(59);
var global = __webpack_require__(7)
, hide = __webpack_require__(11)
, Iterators = __webpack_require__(50)
, TO_STRING_TAG = __webpack_require__(56)('toStringTag');
for(var collections = ['NodeList', 'DOMTokenList', 'MediaList', 'StyleSheetList', 'CSSRuleList'], i = 0; i < 5; i++){
var NAME = collections[i]
, Collection = global[NAME]
, proto = Collection && Collection.prototype;
if(proto && !proto[TO_STRING_TAG])hide(proto, TO_STRING_TAG, NAME);
Iterators[NAME] = Iterators.Array;
}
/***/ },
/* 59 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var addToUnscopables = __webpack_require__(60)
, step = __webpack_require__(61)
, Iterators = __webpack_require__(50)
, toIObject = __webpack_require__(25);
// 22.1.3.4 Array.prototype.entries()
// 22.1.3.13 Array.prototype.keys()
// 22.1.3.29 Array.prototype.values()
// 22.1.3.30 Array.prototype[@@iterator]()
module.exports = __webpack_require__(47)(Array, 'Array', function(iterated, kind){
this._t = toIObject(iterated); // target
this._i = 0; // next index
this._k = kind; // kind
// 22.1.5.2.1 %ArrayIteratorPrototype%.next()
}, function(){
var O = this._t
, kind = this._k
, index = this._i++;
if(!O || index >= O.length){
this._t = undefined;
return step(1);
}
if(kind == 'keys' )return step(0, index);
if(kind == 'values')return step(0, O[index]);
return step(0, [index, O[index]]);
}, 'values');
// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)
Iterators.Arguments = Iterators.Array;
addToUnscopables('keys');
addToUnscopables('values');
addToUnscopables('entries');
/***/ },
/* 60 */
/***/ function(module, exports) {
module.exports = function(){ /* empty */ };
/***/ },
/* 61 */
/***/ function(module, exports) {
module.exports = function(done, value){
return {value: value, done: !!done};
};
/***/ },
/* 62 */
/***/ function(module, exports, __webpack_require__) {
exports.f = __webpack_require__(56);
/***/ },
/* 63 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(64), __esModule: true };
/***/ },
/* 64 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(65);
__webpack_require__(74);
__webpack_require__(75);
__webpack_require__(76);
module.exports = __webpack_require__(8).Symbol;
/***/ },
/* 65 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
// ECMAScript 6 symbols shim
var global = __webpack_require__(7)
, has = __webpack_require__(24)
, DESCRIPTORS = __webpack_require__(16)
, $export = __webpack_require__(6)
, redefine = __webpack_require__(49)
, META = __webpack_require__(66).KEY
, $fails = __webpack_require__(17)
, shared = __webpack_require__(34)
, setToStringTag = __webpack_require__(55)
, uid = __webpack_require__(35)
, wks = __webpack_require__(56)
, wksExt = __webpack_require__(62)
, wksDefine = __webpack_require__(67)
, keyOf = __webpack_require__(68)
, enumKeys = __webpack_require__(69)
, isArray = __webpack_require__(70)
, anObject = __webpack_require__(13)
, toIObject = __webpack_require__(25)
, toPrimitive = __webpack_require__(19)
, createDesc = __webpack_require__(20)
, _create = __webpack_require__(52)
, gOPNExt = __webpack_require__(71)
, $GOPD = __webpack_require__(73)
, $DP = __webpack_require__(12)
, $keys = __webpack_require__(22)
, gOPD = $GOPD.f
, dP = $DP.f
, gOPN = gOPNExt.f
, $Symbol = global.Symbol
, $JSON = global.JSON
, _stringify = $JSON && $JSON.stringify
, PROTOTYPE = 'prototype'
, HIDDEN = wks('_hidden')
, TO_PRIMITIVE = wks('toPrimitive')
, isEnum = {}.propertyIsEnumerable
, SymbolRegistry = shared('symbol-registry')
, AllSymbols = shared('symbols')
, OPSymbols = shared('op-symbols')
, ObjectProto = Object[PROTOTYPE]
, USE_NATIVE = typeof $Symbol == 'function'
, QObject = global.QObject;
// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
var setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;
// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
var setSymbolDesc = DESCRIPTORS && $fails(function(){
return _create(dP({}, 'a', {
get: function(){ return dP(this, 'a', {value: 7}).a; }
})).a != 7;
}) ? function(it, key, D){
var protoDesc = gOPD(ObjectProto, key);
if(protoDesc)delete ObjectProto[key];
dP(it, key, D);
if(protoDesc && it !== ObjectProto)dP(ObjectProto, key, protoDesc);
} : dP;
var wrap = function(tag){
var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]);
sym._k = tag;
return sym;
};
var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function(it){
return typeof it == 'symbol';
} : function(it){
return it instanceof $Symbol;
};
var $defineProperty = function defineProperty(it, key, D){
if(it === ObjectProto)$defineProperty(OPSymbols, key, D);
anObject(it);
key = toPrimitive(key, true);
anObject(D);
if(has(AllSymbols, key)){
if(!D.enumerable){
if(!has(it, HIDDEN))dP(it, HIDDEN, createDesc(1, {}));
it[HIDDEN][key] = true;
} else {
if(has(it, HIDDEN) && it[HIDDEN][key])it[HIDDEN][key] = false;
D = _create(D, {enumerable: createDesc(0, false)});
} return setSymbolDesc(it, key, D);
} return dP(it, key, D);
};
var $defineProperties = function defineProperties(it, P){
anObject(it);
var keys = enumKeys(P = toIObject(P))
, i = 0
, l = keys.length
, key;
while(l > i)$defineProperty(it, key = keys[i++], P[key]);
return it;
};
var $create = function create(it, P){
return P === undefined ? _create(it) : $defineProperties(_create(it), P);
};
var $propertyIsEnumerable = function propertyIsEnumerable(key){
var E = isEnum.call(this, key = toPrimitive(key, true));
if(this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return false;
return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true;
};
var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key){
it = toIObject(it);
key = toPrimitive(key, true);
if(it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key))return;
var D = gOPD(it, key);
if(D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key]))D.enumerable = true;
return D;
};
var $getOwnPropertyNames = function getOwnPropertyNames(it){
var names = gOPN(toIObject(it))
, result = []
, i = 0
, key;
while(names.length > i){
if(!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META)result.push(key);
} return result;
};
var $getOwnPropertySymbols = function getOwnPropertySymbols(it){
var IS_OP = it === ObjectProto
, names = gOPN(IS_OP ? OPSymbols : toIObject(it))
, result = []
, i = 0
, key;
while(names.length > i){
if(has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true))result.push(AllSymbols[key]);
} return result;
};
// 19.4.1.1 Symbol([description])
if(!USE_NATIVE){
$Symbol = function Symbol(){
if(this instanceof $Symbol)throw TypeError('Symbol is not a constructor!');
var tag = uid(arguments.length > 0 ? arguments[0] : undefined);
var $set = function(value){
if(this === ObjectProto)$set.call(OPSymbols, value);
if(has(this, HIDDEN) && has(this[HIDDEN], tag))this[HIDDEN][tag] = false;
setSymbolDesc(this, tag, createDesc(1, value));
};
if(DESCRIPTORS && setter)setSymbolDesc(ObjectProto, tag, {configurable: true, set: $set});
return wrap(tag);
};
redefine($Symbol[PROTOTYPE], 'toString', function toString(){
return this._k;
});
$GOPD.f = $getOwnPropertyDescriptor;
$DP.f = $defineProperty;
__webpack_require__(72).f = gOPNExt.f = $getOwnPropertyNames;
__webpack_require__(38).f = $propertyIsEnumerable;
__webpack_require__(37).f = $getOwnPropertySymbols;
if(DESCRIPTORS && !__webpack_require__(48)){
redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
}
wksExt.f = function(name){
return wrap(wks(name));
}
}
$export($export.G + $export.W + $export.F * !USE_NATIVE, {Symbol: $Symbol});
for(var symbols = (
// 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14
'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables'
).split(','), i = 0; symbols.length > i; )wks(symbols[i++]);
for(var symbols = $keys(wks.store), i = 0; symbols.length > i; )wksDefine(symbols[i++]);
$export($export.S + $export.F * !USE_NATIVE, 'Symbol', {
// 19.4.2.1 Symbol.for(key)
'for': function(key){
return has(SymbolRegistry, key += '')
? SymbolRegistry[key]
: SymbolRegistry[key] = $Symbol(key);
},
// 19.4.2.5 Symbol.keyFor(sym)
keyFor: function keyFor(key){
if(isSymbol(key))return keyOf(SymbolRegistry, key);
throw TypeError(key + ' is not a symbol!');
},
useSetter: function(){ setter = true; },
useSimple: function(){ setter = false; }
});
$export($export.S + $export.F * !USE_NATIVE, 'Object', {
// 19.1.2.2 Object.create(O [, Properties])
create: $create,
// 19.1.2.4 Object.defineProperty(O, P, Attributes)
defineProperty: $defineProperty,
// 19.1.2.3 Object.defineProperties(O, Properties)
defineProperties: $defineProperties,
// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
getOwnPropertyDescriptor: $getOwnPropertyDescriptor,
// 19.1.2.7 Object.getOwnPropertyNames(O)
getOwnPropertyNames: $getOwnPropertyNames,
// 19.1.2.8 Object.getOwnPropertySymbols(O)
getOwnPropertySymbols: $getOwnPropertySymbols
});
// 24.3.2 JSON.stringify(value [, replacer [, space]])
$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function(){
var S = $Symbol();
// MS Edge converts symbol values to JSON as {}
// WebKit converts symbol values to JSON as null
// V8 throws on boxed symbols
return _stringify([S]) != '[null]' || _stringify({a: S}) != '{}' || _stringify(Object(S)) != '{}';
})), 'JSON', {
stringify: function stringify(it){
if(it === undefined || isSymbol(it))return; // IE8 returns string on undefined
var args = [it]
, i = 1
, replacer, $replacer;
while(arguments.length > i)args.push(arguments[i++]);
replacer = args[1];
if(typeof replacer == 'function')$replacer = replacer;
if($replacer || !isArray(replacer))replacer = function(key, value){
if($replacer)value = $replacer.call(this, key, value);
if(!isSymbol(value))return value;
};
args[1] = replacer;
return _stringify.apply($JSON, args);
}
});
// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)
$Symbol[PROTOTYPE][TO_PRIMITIVE] || __webpack_require__(11)($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);
// 19.4.3.5 Symbol.prototype[@@toStringTag]
setToStringTag($Symbol, 'Symbol');
// 20.2.1.9 Math[@@toStringTag]
setToStringTag(Math, 'Math', true);
// 24.3.3 JSON[@@toStringTag]
setToStringTag(global.JSON, 'JSON', true);
/***/ },
/* 66 */
/***/ function(module, exports, __webpack_require__) {
var META = __webpack_require__(35)('meta')
, isObject = __webpack_require__(14)
, has = __webpack_require__(24)
, setDesc = __webpack_require__(12).f
, id = 0;
var isExtensible = Object.isExtensible || function(){
return true;
};
var FREEZE = !__webpack_require__(17)(function(){
return isExtensible(Object.preventExtensions({}));
});
var setMeta = function(it){
setDesc(it, META, {value: {
i: 'O' + ++id, // object ID
w: {} // weak collections IDs
}});
};
var fastKey = function(it, create){
// return primitive with prefix
if(!isObject(it))return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
if(!has(it, META)){
// can't set metadata to uncaught frozen object
if(!isExtensible(it))return 'F';
// not necessary to add metadata
if(!create)return 'E';
// add missing metadata
setMeta(it);
// return object ID
} return it[META].i;
};
var getWeak = function(it, create){
if(!has(it, META)){
// can't set metadata to uncaught frozen object
if(!isExtensible(it))return true;
// not necessary to add metadata
if(!create)return false;
// add missing metadata
setMeta(it);
// return hash weak collections IDs
} return it[META].w;
};
// add metadata on freeze-family methods calling
var onFreeze = function(it){
if(FREEZE && meta.NEED && isExtensible(it) && !has(it, META))setMeta(it);
return it;
};
var meta = module.exports = {
KEY: META,
NEED: false,
fastKey: fastKey,
getWeak: getWeak,
onFreeze: onFreeze
};
/***/ },
/* 67 */
/***/ function(module, exports, __webpack_require__) {
var global = __webpack_require__(7)
, core = __webpack_require__(8)
, LIBRARY = __webpack_require__(48)
, wksExt = __webpack_require__(62)
, defineProperty = __webpack_require__(12).f;
module.exports = function(name){
var $Symbol = core.Symbol || (core.Symbol = LIBRARY ? {} : global.Symbol || {});
if(name.charAt(0) != '_' && !(name in $Symbol))defineProperty($Symbol, name, {value: wksExt.f(name)});
};
/***/ },
/* 68 */
/***/ function(module, exports, __webpack_require__) {
var getKeys = __webpack_require__(22)
, toIObject = __webpack_require__(25);
module.exports = function(object, el){
var O = toIObject(object)
, keys = getKeys(O)
, length = keys.length
, index = 0
, key;
while(length > index)if(O[key = keys[index++]] === el)return key;
};
/***/ },
/* 69 */
/***/ function(module, exports, __webpack_require__) {
// all enumerable object keys, includes symbols
var getKeys = __webpack_require__(22)
, gOPS = __webpack_require__(37)
, pIE = __webpack_require__(38);
module.exports = function(it){
var result = getKeys(it)
, getSymbols = gOPS.f;
if(getSymbols){
var symbols = getSymbols(it)
, isEnum = pIE.f
, i = 0
, key;
while(symbols.length > i)if(isEnum.call(it, key = symbols[i++]))result.push(key);
} return result;
};
/***/ },
/* 70 */
/***/ function(module, exports, __webpack_require__) {
// 7.2.2 IsArray(argument)
var cof = __webpack_require__(27);
module.exports = Array.isArray || function isArray(arg){
return cof(arg) == 'Array';
};
/***/ },
/* 71 */
/***/ function(module, exports, __webpack_require__) {
// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
var toIObject = __webpack_require__(25)
, gOPN = __webpack_require__(72).f
, toString = {}.toString;
var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
? Object.getOwnPropertyNames(window) : [];
var getWindowNames = function(it){
try {
return gOPN(it);
} catch(e){
return windowNames.slice();
}
};
module.exports.f = function getOwnPropertyNames(it){
return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it));
};
/***/ },
/* 72 */
/***/ function(module, exports, __webpack_require__) {
// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
var $keys = __webpack_require__(23)
, hiddenKeys = __webpack_require__(36).concat('length', 'prototype');
exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O){
return $keys(O, hiddenKeys);
};
/***/ },
/* 73 */
/***/ function(module, exports, __webpack_require__) {
var pIE = __webpack_require__(38)
, createDesc = __webpack_require__(20)
, toIObject = __webpack_require__(25)
, toPrimitive = __webpack_require__(19)
, has = __webpack_require__(24)
, IE8_DOM_DEFINE = __webpack_require__(15)
, gOPD = Object.getOwnPropertyDescriptor;
exports.f = __webpack_require__(16) ? gOPD : function getOwnPropertyDescriptor(O, P){
O = toIObject(O);
P = toPrimitive(P, true);
if(IE8_DOM_DEFINE)try {
return gOPD(O, P);
} catch(e){ /* empty */ }
if(has(O, P))return createDesc(!pIE.f.call(O, P), O[P]);
};
/***/ },
/* 74 */
/***/ function(module, exports) {
/***/ },
/* 75 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(67)('asyncIterator');
/***/ },
/* 76 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(67)('observable');
/***/ },
/* 77 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _setPrototypeOf = __webpack_require__(78);
var _setPrototypeOf2 = _interopRequireDefault(_setPrototypeOf);
var _create = __webpack_require__(82);
var _create2 = _interopRequireDefault(_create);
var _typeof2 = __webpack_require__(42);
var _typeof3 = _interopRequireDefault(_typeof2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + (typeof superClass === "undefined" ? "undefined" : (0, _typeof3.default)(superClass)));
}
subClass.prototype = (0, _create2.default)(superClass && superClass.prototype, {
constructor: {
value: subClass,
enumerable: false,
writable: true,
configurable: true
}
});
if (superClass) _setPrototypeOf2.default ? (0, _setPrototypeOf2.default)(subClass, superClass) : subClass.__proto__ = superClass;
};
/***/ },
/* 78 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(79), __esModule: true };
/***/ },
/* 79 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(80);
module.exports = __webpack_require__(8).Object.setPrototypeOf;
/***/ },
/* 80 */
/***/ function(module, exports, __webpack_require__) {
// 19.1.3.19 Object.setPrototypeOf(O, proto)
var $export = __webpack_require__(6);
$export($export.S, 'Object', {setPrototypeOf: __webpack_require__(81).set});
/***/ },
/* 81 */
/***/ function(module, exports, __webpack_require__) {
// Works with __proto__ only. Old v8 can't work with null proto objects.
/* eslint-disable no-proto */
var isObject = __webpack_require__(14)
, anObject = __webpack_require__(13);
var check = function(O, proto){
anObject(O);
if(!isObject(proto) && proto !== null)throw TypeError(proto + ": can't set as prototype!");
};
module.exports = {
set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line
function(test, buggy, set){
try {
set = __webpack_require__(9)(Function.call, __webpack_require__(73).f(Object.prototype, '__proto__').set, 2);
set(test, []);
buggy = !(test instanceof Array);
} catch(e){ buggy = true; }
return function setPrototypeOf(O, proto){
check(O, proto);
if(buggy)O.__proto__ = proto;
else set(O, proto);
return O;
};
}({}, false) : undefined),
check: check
};
/***/ },
/* 82 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(83), __esModule: true };
/***/ },
/* 83 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(84);
var $Object = __webpack_require__(8).Object;
module.exports = function create(P, D){
return $Object.create(P, D);
};
/***/ },
/* 84 */
/***/ function(module, exports, __webpack_require__) {
var $export = __webpack_require__(6)
// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
$export($export.S, 'Object', {create: __webpack_require__(52)});
/***/ },
/* 85 */
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_85__;
/***/ },
/* 86 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _assign = __webpack_require__(3);
var _assign2 = _interopRequireDefault(_assign);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
accordion: _react2['default'].PropTypes.bool,
activeKey: _react2['default'].PropTypes.any,
defaultActiveKey: _react2['default'].PropTypes.any,
onSelect: _react2['default'].PropTypes.func,
role: _react2['default'].PropTypes.string
};
var defaultProps = {
accordion: false
};
// TODO: Use uncontrollable.
var PanelGroup = function (_React$Component) {
(0, _inherits3['default'])(PanelGroup, _React$Component);
function PanelGroup(props, context) {
(0, _classCallCheck3['default'])(this, PanelGroup);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleSelect = _this.handleSelect.bind(_this);
_this.state = {
activeKey: props.defaultActiveKey
};
return _this;
}
PanelGroup.prototype.handleSelect = function handleSelect(key, e) {
e.preventDefault();
if (this.props.onSelect) {
this.props.onSelect(key, e);
}
if (this.state.activeKey === key) {
key = null;
}
this.setState({ activeKey: key });
};
PanelGroup.prototype.render = function render() {
var _this2 = this;
var _props = this.props;
var accordion = _props.accordion;
var propsActiveKey = _props.activeKey;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['accordion', 'activeKey', 'className', 'children']);
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['defaultActiveKey', 'onSelect']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
var activeKey = void 0;
if (accordion) {
activeKey = propsActiveKey != null ? propsActiveKey : this.state.activeKey;
elementProps.role = elementProps.role || 'tablist';
}
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
_ValidComponentChildren2['default'].map(children, function (child) {
var childProps = {
bsStyle: child.props.bsStyle || bsProps.bsStyle
};
if (accordion) {
(0, _assign2['default'])(childProps, {
headerRole: 'tab',
panelRole: 'tabpanel',
collapsible: true,
expanded: child.props.eventKey === activeKey,
onSelect: (0, _createChainedFunction2['default'])(_this2.handleSelect, child.props.onSelect)
});
}
return (0, _react.cloneElement)(child, childProps);
})
);
};
return PanelGroup;
}(_react2['default'].Component);
PanelGroup.propTypes = propTypes;
PanelGroup.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('panel-group', PanelGroup);
module.exports = exports['default'];
/***/ },
/* 87 */
/***/ function(module, exports) {
"use strict";
exports.__esModule = true;
exports.default = function (obj, keys) {
var target = {};
for (var i in obj) {
if (keys.indexOf(i) >= 0) continue;
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
target[i] = obj[i];
}
return target;
};
/***/ },
/* 88 */
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
classes.push(classNames.apply(null, arg));
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
return classNames;
}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ },
/* 89 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports._curry = exports.bsSizes = exports.bsStyles = exports.bsClass = undefined;
var _entries = __webpack_require__(90);
var _entries2 = _interopRequireDefault(_entries);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
exports.prefix = prefix;
exports.getClassSet = getClassSet;
exports.splitBsProps = splitBsProps;
exports.splitBsPropsAndOmit = splitBsPropsAndOmit;
exports.addStyle = addStyle;
var _invariant = __webpack_require__(94);
var _invariant2 = _interopRequireDefault(_invariant);
var _react = __webpack_require__(85);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function curry(fn) {
return function () {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
var last = args[args.length - 1];
if (typeof last === 'function') {
return fn.apply(undefined, args);
}
return function (Component) {
return fn.apply(undefined, args.concat([Component]));
};
};
} // TODO: The publicly exposed parts of this should be in lib/BootstrapUtils.
function prefix(props, variant) {
!(props.bsClass != null) ? true ? (0, _invariant2['default'])(false, 'A `bsClass` prop is required for this component') : (0, _invariant2['default'])(false) : void 0;
return props.bsClass + (variant ? '-' + variant : '');
}
var bsClass = exports.bsClass = curry(function (defaultClass, Component) {
var propTypes = Component.propTypes || (Component.propTypes = {});
var defaultProps = Component.defaultProps || (Component.defaultProps = {});
propTypes.bsClass = _react.PropTypes.string;
defaultProps.bsClass = defaultClass;
return Component;
});
var bsStyles = exports.bsStyles = curry(function (styles, defaultStyle, Component) {
if (typeof defaultStyle !== 'string') {
Component = defaultStyle;
defaultStyle = undefined;
}
var existing = Component.STYLES || [];
var propTypes = Component.propTypes || {};
styles.forEach(function (style) {
if (existing.indexOf(style) === -1) {
existing.push(style);
}
});
var propType = _react.PropTypes.oneOf(existing);
// expose the values on the propType function for documentation
Component.STYLES = propType._values = existing;
Component.propTypes = (0, _extends3['default'])({}, propTypes, {
bsStyle: propType
});
if (defaultStyle !== undefined) {
var defaultProps = Component.defaultProps || (Component.defaultProps = {});
defaultProps.bsStyle = defaultStyle;
}
return Component;
});
var bsSizes = exports.bsSizes = curry(function (sizes, defaultSize, Component) {
if (typeof defaultSize !== 'string') {
Component = defaultSize;
defaultSize = undefined;
}
var existing = Component.SIZES || [];
var propTypes = Component.propTypes || {};
sizes.forEach(function (size) {
if (existing.indexOf(size) === -1) {
existing.push(size);
}
});
var values = [];
existing.forEach(function (size) {
var mappedSize = _StyleConfig.SIZE_MAP[size];
if (mappedSize && mappedSize !== size) {
values.push(mappedSize);
}
values.push(size);
});
var propType = _react.PropTypes.oneOf(values);
propType._values = values;
// expose the values on the propType function for documentation
Component.SIZES = existing;
Component.propTypes = (0, _extends3['default'])({}, propTypes, {
bsSize: propType
});
if (defaultSize !== undefined) {
if (!Component.defaultProps) {
Component.defaultProps = {};
}
Component.defaultProps.bsSize = defaultSize;
}
return Component;
});
function getClassSet(props) {
var _classes;
var classes = (_classes = {}, _classes[prefix(props)] = true, _classes);
if (props.bsSize) {
var bsSize = _StyleConfig.SIZE_MAP[props.bsSize] || props.bsSize;
classes[prefix(props, bsSize)] = true;
}
if (props.bsStyle) {
classes[prefix(props, props.bsStyle)] = true;
}
return classes;
}
function getBsProps(props) {
return {
bsClass: props.bsClass,
bsSize: props.bsSize,
bsStyle: props.bsStyle,
bsRole: props.bsRole
};
}
function isBsProp(propName) {
return propName === 'bsClass' || propName === 'bsSize' || propName === 'bsStyle' || propName === 'bsRole';
}
function splitBsProps(props) {
var elementProps = {};
(0, _entries2['default'])(props).forEach(function (_ref) {
var propName = _ref[0];
var propValue = _ref[1];
if (!isBsProp(propName)) {
elementProps[propName] = propValue;
}
});
return [getBsProps(props), elementProps];
}
function splitBsPropsAndOmit(props, omittedPropNames) {
var isOmittedProp = {};
omittedPropNames.forEach(function (propName) {
isOmittedProp[propName] = true;
});
var elementProps = {};
(0, _entries2['default'])(props).forEach(function (_ref2) {
var propName = _ref2[0];
var propValue = _ref2[1];
if (!isBsProp(propName) && !isOmittedProp[propName]) {
elementProps[propName] = propValue;
}
});
return [getBsProps(props), elementProps];
}
/**
* Add a style variant to a Component. Mutates the propTypes of the component
* in order to validate the new variant.
*/
function addStyle(Component) {
for (var _len2 = arguments.length, styleVariant = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
styleVariant[_key2 - 1] = arguments[_key2];
}
bsStyles(styleVariant, Component);
}
var _curry = exports._curry = curry;
/***/ },
/* 90 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(91), __esModule: true };
/***/ },
/* 91 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(92);
module.exports = __webpack_require__(8).Object.entries;
/***/ },
/* 92 */
/***/ function(module, exports, __webpack_require__) {
// https://github.com/tc39/proposal-object-values-entries
var $export = __webpack_require__(6)
, $entries = __webpack_require__(93)(true);
$export($export.S, 'Object', {
entries: function entries(it){
return $entries(it);
}
});
/***/ },
/* 93 */
/***/ function(module, exports, __webpack_require__) {
var getKeys = __webpack_require__(22)
, toIObject = __webpack_require__(25)
, isEnum = __webpack_require__(38).f;
module.exports = function(isEntries){
return function(it){
var O = toIObject(it)
, keys = getKeys(O)
, length = keys.length
, i = 0
, result = []
, key;
while(length > i)if(isEnum.call(O, key = keys[i++])){
result.push(isEntries ? [key, O[key]] : O[key]);
} return result;
};
};
/***/ },
/* 94 */
/***/ function(module, exports, __webpack_require__) {
/**
* Copyright 2013-2015, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
'use strict';
/**
* Use invariant() to assert state which your program assumes to be true.
*
* Provide sprintf-style format (only %s is supported) and arguments
* to provide information about what broke and what you were
* expecting.
*
* The invariant message will be stripped in production, but the invariant
* will remain to ensure logic does not differ in production.
*/
var invariant = function(condition, format, a, b, c, d, e, f) {
if (true) {
if (format === undefined) {
throw new Error('invariant requires an error message argument');
}
}
if (!condition) {
var error;
if (format === undefined) {
error = new Error(
'Minified exception occurred; use the non-minified dev environment ' +
'for the full error message and additional helpful warnings.'
);
} else {
var args = [a, b, c, d, e, f];
var argIndex = 0;
error = new Error(
format.replace(/%s/g, function() { return args[argIndex++]; })
);
error.name = 'Invariant Violation';
}
error.framesToPop = 1; // we don't care about invariant's own frame
throw error;
}
};
module.exports = invariant;
/***/ },
/* 95 */
/***/ function(module, exports) {
'use strict';
exports.__esModule = true;
var Size = exports.Size = {
LARGE: 'large',
SMALL: 'small',
XSMALL: 'xsmall'
};
var SIZE_MAP = exports.SIZE_MAP = {
large: 'lg',
medium: 'md',
small: 'sm',
xsmall: 'xs',
lg: 'lg',
md: 'md',
sm: 'sm',
xs: 'xs'
};
var DEVICE_SIZES = exports.DEVICE_SIZES = ['lg', 'md', 'sm', 'xs'];
var State = exports.State = {
SUCCESS: 'success',
WARNING: 'warning',
DANGER: 'danger',
INFO: 'info'
};
var Style = exports.Style = {
DEFAULT: 'default',
PRIMARY: 'primary',
LINK: 'link',
INVERSE: 'inverse'
};
/***/ },
/* 96 */
/***/ function(module, exports) {
'use strict';
exports.__esModule = true;
/**
* Safe chained function
*
* Will only create a new function if needed,
* otherwise will pass back existing functions or null.
*
* @param {function} functions to chain
* @returns {function|null}
*/
function createChainedFunction() {
for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
funcs[_key] = arguments[_key];
}
return funcs.filter(function (f) {
return f != null;
}).reduce(function (acc, f) {
if (typeof f !== 'function') {
throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
}
if (acc === null) {
return f;
}
return function chainedFunction() {
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
acc.apply(this, args);
f.apply(this, args);
};
}, null);
}
exports['default'] = createChainedFunction;
module.exports = exports['default'];
/***/ },
/* 97 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
/**
* Iterates through children that are typically specified as `props.children`,
* but only maps over children that are "valid components".
*
* The mapFunction provided index will be normalised to the components mapped,
* so an invalid component would not increase the index.
*
* @param {?*} children Children tree container.
* @param {function(*, int)} func.
* @param {*} context Context for func.
* @return {object} Object containing the ordered map of results.
*/
function map(children, func, context) {
var index = 0;
return _react2['default'].Children.map(children, function (child) {
if (!_react2['default'].isValidElement(child)) {
return child;
}
return func.call(context, child, index++);
});
}
/**
* Iterates through children that are "valid components".
*
* The provided forEachFunc(child, index) will be called for each
* leaf child with the index reflecting the position relative to "valid components".
*
* @param {?*} children Children tree container.
* @param {function(*, int)} func.
* @param {*} context Context for context.
*/
// TODO: This module should be ElementChildren, and should use named exports.
function forEach(children, func, context) {
var index = 0;
_react2['default'].Children.forEach(children, function (child) {
if (!_react2['default'].isValidElement(child)) {
return;
}
func.call(context, child, index++);
});
}
/**
* Count the number of "valid components" in the Children container.
*
* @param {?*} children Children tree container.
* @returns {number}
*/
function count(children) {
var result = 0;
_react2['default'].Children.forEach(children, function (child) {
if (!_react2['default'].isValidElement(child)) {
return;
}
++result;
});
return result;
}
/**
* Finds children that are typically specified as `props.children`,
* but only iterates over children that are "valid components".
*
* The provided forEachFunc(child, index) will be called for each
* leaf child with the index reflecting the position relative to "valid components".
*
* @param {?*} children Children tree container.
* @param {function(*, int)} func.
* @param {*} context Context for func.
* @returns {array} of children that meet the func return statement
*/
function filter(children, func, context) {
var index = 0;
var result = [];
_react2['default'].Children.forEach(children, function (child) {
if (!_react2['default'].isValidElement(child)) {
return;
}
if (func.call(context, child, index++)) {
result.push(child);
}
});
return result;
}
function find(children, func, context) {
var index = 0;
var result = undefined;
_react2['default'].Children.forEach(children, function (child) {
if (result) {
return;
}
if (!_react2['default'].isValidElement(child)) {
return;
}
if (func.call(context, child, index++)) {
result = child;
}
});
return result;
}
function every(children, func, context) {
var index = 0;
var result = true;
_react2['default'].Children.forEach(children, function (child) {
if (!result) {
return;
}
if (!_react2['default'].isValidElement(child)) {
return;
}
if (!func.call(context, child, index++)) {
result = false;
}
});
return result;
}
function some(children, func, context) {
var index = 0;
var result = false;
_react2['default'].Children.forEach(children, function (child) {
if (result) {
return;
}
if (!_react2['default'].isValidElement(child)) {
return;
}
if (func.call(context, child, index++)) {
result = true;
}
});
return result;
}
function toArray(children) {
var result = [];
_react2['default'].Children.forEach(children, function (child) {
if (!_react2['default'].isValidElement(child)) {
return;
}
result.push(child);
});
return result;
}
exports['default'] = {
map: map,
forEach: forEach,
count: count,
find: find,
filter: filter,
every: every,
some: some,
toArray: toArray
};
module.exports = exports['default'];
/***/ },
/* 98 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _values = __webpack_require__(99);
var _values2 = _interopRequireDefault(_values);
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
onDismiss: _react2['default'].PropTypes.func,
closeLabel: _react2['default'].PropTypes.string
};
var defaultProps = {
closeLabel: 'Close alert'
};
var Alert = function (_React$Component) {
(0, _inherits3['default'])(Alert, _React$Component);
function Alert() {
(0, _classCallCheck3['default'])(this, Alert);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Alert.prototype.renderDismissButton = function renderDismissButton(onDismiss) {
return _react2['default'].createElement(
'button',
{
type: 'button',
className: 'close',
onClick: onDismiss,
'aria-hidden': 'true',
tabIndex: '-1'
},
_react2['default'].createElement(
'span',
null,
'\xD7'
)
);
};
Alert.prototype.renderSrOnlyDismissButton = function renderSrOnlyDismissButton(onDismiss, closeLabel) {
return _react2['default'].createElement(
'button',
{
type: 'button',
className: 'close sr-only',
onClick: onDismiss
},
closeLabel
);
};
Alert.prototype.render = function render() {
var _extends2;
var _props = this.props;
var onDismiss = _props.onDismiss;
var closeLabel = _props.closeLabel;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['onDismiss', 'closeLabel', 'className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var dismissable = !!onDismiss;
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'dismissable')] = dismissable, _extends2));
return _react2['default'].createElement(
'div',
(0, _extends4['default'])({}, elementProps, {
role: 'alert',
className: (0, _classnames2['default'])(className, classes)
}),
dismissable && this.renderDismissButton(onDismiss),
children,
dismissable && this.renderSrOnlyDismissButton(onDismiss, closeLabel)
);
};
return Alert;
}(_react2['default'].Component);
Alert.propTypes = propTypes;
Alert.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsStyles)((0, _values2['default'])(_StyleConfig.State), _StyleConfig.State.INFO, (0, _bootstrapUtils.bsClass)('alert', Alert));
module.exports = exports['default'];
/***/ },
/* 99 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(100), __esModule: true };
/***/ },
/* 100 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(101);
module.exports = __webpack_require__(8).Object.values;
/***/ },
/* 101 */
/***/ function(module, exports, __webpack_require__) {
// https://github.com/tc39/proposal-object-values-entries
var $export = __webpack_require__(6)
, $values = __webpack_require__(93)(false);
$export($export.S, 'Object', {
values: function values(it){
return $values(it);
}
});
/***/ },
/* 102 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: `pullRight` doesn't belong here. There's no special handling here.
var propTypes = {
pullRight: _react2['default'].PropTypes.bool
};
var defaultProps = {
pullRight: false
};
var Badge = function (_React$Component) {
(0, _inherits3['default'])(Badge, _React$Component);
function Badge() {
(0, _classCallCheck3['default'])(this, Badge);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Badge.prototype.hasContent = function hasContent(children) {
var result = false;
_react2['default'].Children.forEach(children, function (child) {
if (result) {
return;
}
if (child || child === 0) {
result = true;
}
});
return result;
};
Badge.prototype.render = function render() {
var _props = this.props;
var pullRight = _props.pullRight;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['pullRight', 'className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
'pull-right': pullRight,
// Hack for collapsing on IE8.
hidden: !this.hasContent(children)
});
return _react2['default'].createElement(
'span',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
children
);
};
return Badge;
}(_react2['default'].Component);
Badge.propTypes = propTypes;
Badge.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('badge', Badge);
module.exports = exports['default'];
/***/ },
/* 103 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _BreadcrumbItem = __webpack_require__(104);
var _BreadcrumbItem2 = _interopRequireDefault(_BreadcrumbItem);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var Breadcrumb = function (_React$Component) {
(0, _inherits3['default'])(Breadcrumb, _React$Component);
function Breadcrumb() {
(0, _classCallCheck3['default'])(this, Breadcrumb);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Breadcrumb.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('ol', (0, _extends3['default'])({}, elementProps, {
role: 'navigation',
'aria-label': 'breadcrumbs',
className: (0, _classnames2['default'])(className, classes)
}));
};
return Breadcrumb;
}(_react2['default'].Component);
Breadcrumb.Item = _BreadcrumbItem2['default'];
exports['default'] = (0, _bootstrapUtils.bsClass)('breadcrumb', Breadcrumb);
module.exports = exports['default'];
/***/ },
/* 104 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* If set to true, renders `span` instead of `a`
*/
active: _react2['default'].PropTypes.bool,
/**
* `href` attribute for the inner `a` element
*/
href: _react2['default'].PropTypes.string,
/**
* `title` attribute for the inner `a` element
*/
title: _react2['default'].PropTypes.node,
/**
* `target` attribute for the inner `a` element
*/
target: _react2['default'].PropTypes.string
};
var defaultProps = {
active: false
};
var BreadcrumbItem = function (_React$Component) {
(0, _inherits3['default'])(BreadcrumbItem, _React$Component);
function BreadcrumbItem() {
(0, _classCallCheck3['default'])(this, BreadcrumbItem);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
BreadcrumbItem.prototype.render = function render() {
var _props = this.props;
var active = _props.active;
var href = _props.href;
var title = _props.title;
var target = _props.target;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['active', 'href', 'title', 'target', 'className']);
// Don't try to render these props on non-active <span>.
var linkProps = { href: href, title: title, target: target };
return _react2['default'].createElement(
'li',
{ className: (0, _classnames2['default'])(className, { active: active }) },
active ? _react2['default'].createElement('span', props) : _react2['default'].createElement(_SafeAnchor2['default'], (0, _extends3['default'])({}, props, linkProps))
);
};
return BreadcrumbItem;
}(_react2['default'].Component);
BreadcrumbItem.propTypes = propTypes;
BreadcrumbItem.defaultProps = defaultProps;
exports['default'] = BreadcrumbItem;
module.exports = exports['default'];
/***/ },
/* 105 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
href: _react2['default'].PropTypes.string,
onClick: _react2['default'].PropTypes.func,
disabled: _react2['default'].PropTypes.bool,
role: _react2['default'].PropTypes.string,
tabIndex: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* this is sort of silly but needed for Button
*/
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'a'
};
function isTrivialHref(href) {
return !href || href.trim() === '#';
}
/**
* There are situations due to browser quirks or Bootstrap CSS where
* an anchor tag is needed, when semantically a button tag is the
* better choice. SafeAnchor ensures that when an anchor is used like a
* button its accessible. It also emulates input `disabled` behavior for
* links, which is usually desirable for Buttons, NavItems, MenuItems, etc.
*/
var SafeAnchor = function (_React$Component) {
(0, _inherits3['default'])(SafeAnchor, _React$Component);
function SafeAnchor(props, context) {
(0, _classCallCheck3['default'])(this, SafeAnchor);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
SafeAnchor.prototype.handleClick = function handleClick(event) {
var _props = this.props;
var disabled = _props.disabled;
var href = _props.href;
var onClick = _props.onClick;
if (disabled || isTrivialHref(href)) {
event.preventDefault();
}
if (disabled) {
event.stopPropagation();
return;
}
if (onClick) {
onClick(event);
}
};
SafeAnchor.prototype.render = function render() {
var _props2 = this.props;
var Component = _props2.componentClass;
var disabled = _props2.disabled;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['componentClass', 'disabled']);
if (isTrivialHref(props.href)) {
props.role = props.role || 'button';
// we want to make sure there is a href attribute on the node
// otherwise, the cursor incorrectly styled (except with role='button')
props.href = props.href || '';
}
if (disabled) {
props.tabIndex = -1;
props.style = (0, _extends3['default'])({ pointerEvents: 'none' }, props.style);
}
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, props, {
onClick: this.handleClick
}));
};
return SafeAnchor;
}(_react2['default'].Component);
SafeAnchor.propTypes = propTypes;
SafeAnchor.defaultProps = defaultProps;
exports['default'] = SafeAnchor;
module.exports = exports['default'];
/***/ },
/* 106 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _createChainableTypeChecker = __webpack_require__(107);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function elementType(props, propName, componentName, location, propFullName) {
var propValue = props[propName];
var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
if (_react2.default.isValidElement(propValue)) {
return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
}
if (propType !== 'function' && propType !== 'string') {
return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected an element type (a string ') + 'or a ReactClass).');
}
return null;
}
exports.default = (0, _createChainableTypeChecker2.default)(elementType);
/***/ },
/* 107 */
/***/ function(module, exports) {
'use strict';
exports.__esModule = true;
exports.default = createChainableTypeChecker;
/**
* Copyright 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
// Mostly taken from ReactPropTypes.
function createChainableTypeChecker(validate) {
function checkType(isRequired, props, propName, componentName, location, propFullName) {
var componentNameSafe = componentName || '<<anonymous>>';
var propFullNameSafe = propFullName || propName;
if (props[propName] == null) {
if (isRequired) {
return new Error('Required ' + location + ' `' + propFullNameSafe + '` was not specified ' + ('in `' + componentNameSafe + '`.'));
}
return null;
}
for (var _len = arguments.length, args = Array(_len > 6 ? _len - 6 : 0), _key = 6; _key < _len; _key++) {
args[_key - 6] = arguments[_key];
}
return validate.apply(undefined, [props, propName, componentNameSafe, location, propFullNameSafe].concat(args));
}
var chainedCheckType = checkType.bind(null, false);
chainedCheckType.isRequired = checkType.bind(null, true);
return chainedCheckType;
}
/***/ },
/* 108 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _values = __webpack_require__(99);
var _values2 = _interopRequireDefault(_values);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
active: _react2['default'].PropTypes.bool,
disabled: _react2['default'].PropTypes.bool,
block: _react2['default'].PropTypes.bool,
onClick: _react2['default'].PropTypes.func,
componentClass: _elementType2['default'],
href: _react2['default'].PropTypes.string,
/**
* Defines HTML button type attribute
* @defaultValue 'button'
*/
type: _react2['default'].PropTypes.oneOf(['button', 'reset', 'submit'])
};
var defaultProps = {
active: false,
block: false,
disabled: false
};
var Button = function (_React$Component) {
(0, _inherits3['default'])(Button, _React$Component);
function Button() {
(0, _classCallCheck3['default'])(this, Button);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Button.prototype.renderAnchor = function renderAnchor(elementProps, className) {
return _react2['default'].createElement(_SafeAnchor2['default'], (0, _extends4['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, elementProps.disabled && 'disabled')
}));
};
Button.prototype.renderButton = function renderButton(_ref, className) {
var componentClass = _ref.componentClass;
var elementProps = (0, _objectWithoutProperties3['default'])(_ref, ['componentClass']);
var Component = componentClass || 'button';
return _react2['default'].createElement(Component, (0, _extends4['default'])({}, elementProps, {
type: elementProps.type || 'button',
className: className
}));
};
Button.prototype.render = function render() {
var _extends2;
var _props = this.props;
var active = _props.active;
var block = _props.block;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['active', 'block', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {
active: active
}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'block')] = block, _extends2));
var fullClassName = (0, _classnames2['default'])(className, classes);
if (elementProps.href) {
return this.renderAnchor(elementProps, fullClassName);
}
return this.renderButton(elementProps, fullClassName);
};
return Button;
}(_react2['default'].Component);
Button.propTypes = propTypes;
Button.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('btn', (0, _bootstrapUtils.bsSizes)([_StyleConfig.Size.LARGE, _StyleConfig.Size.SMALL, _StyleConfig.Size.XSMALL], (0, _bootstrapUtils.bsStyles)([].concat((0, _values2['default'])(_StyleConfig.State), [_StyleConfig.Style.DEFAULT, _StyleConfig.Style.PRIMARY, _StyleConfig.Style.LINK]), _StyleConfig.Style.DEFAULT, Button)));
module.exports = exports['default'];
/***/ },
/* 109 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _all = __webpack_require__(110);
var _all2 = _interopRequireDefault(_all);
var _Button = __webpack_require__(108);
var _Button2 = _interopRequireDefault(_Button);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
vertical: _react2['default'].PropTypes.bool,
justified: _react2['default'].PropTypes.bool,
/**
* Display block buttons; only useful when used with the "vertical" prop.
* @type {bool}
*/
block: (0, _all2['default'])(_react2['default'].PropTypes.bool, function (_ref) {
var block = _ref.block;
var vertical = _ref.vertical;
return block && !vertical ? new Error('`block` requires `vertical` to be set to have any effect') : null;
})
};
var defaultProps = {
block: false,
justified: false,
vertical: false
};
var ButtonGroup = function (_React$Component) {
(0, _inherits3['default'])(ButtonGroup, _React$Component);
function ButtonGroup() {
(0, _classCallCheck3['default'])(this, ButtonGroup);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ButtonGroup.prototype.render = function render() {
var _extends2;
var _props = this.props;
var block = _props.block;
var justified = _props.justified;
var vertical = _props.vertical;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['block', 'justified', 'vertical', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps)] = !vertical, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'vertical')] = vertical, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'justified')] = justified, _extends2[(0, _bootstrapUtils.prefix)(_Button2['default'].defaultProps, 'block')] = block, _extends2));
return _react2['default'].createElement('div', (0, _extends4['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return ButtonGroup;
}(_react2['default'].Component);
ButtonGroup.propTypes = propTypes;
ButtonGroup.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('btn-group', ButtonGroup);
module.exports = exports['default'];
/***/ },
/* 110 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports.default = all;
var _createChainableTypeChecker = __webpack_require__(107);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function all() {
for (var _len = arguments.length, validators = Array(_len), _key = 0; _key < _len; _key++) {
validators[_key] = arguments[_key];
}
function allPropTypes() {
for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
args[_key2] = arguments[_key2];
}
var error = null;
validators.forEach(function (validator) {
if (error != null) {
return;
}
var result = validator.apply(undefined, args);
if (result != null) {
error = result;
}
});
return error;
}
return (0, _createChainableTypeChecker2.default)(allPropTypes);
}
/***/ },
/* 111 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Button = __webpack_require__(108);
var _Button2 = _interopRequireDefault(_Button);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ButtonToolbar = function (_React$Component) {
(0, _inherits3['default'])(ButtonToolbar, _React$Component);
function ButtonToolbar() {
(0, _classCallCheck3['default'])(this, ButtonToolbar);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ButtonToolbar.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
role: 'toolbar',
className: (0, _classnames2['default'])(className, classes)
}));
};
return ButtonToolbar;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('btn-toolbar', (0, _bootstrapUtils.bsSizes)(_Button2['default'].SIZES, ButtonToolbar));
module.exports = exports['default'];
/***/ },
/* 112 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _CarouselCaption = __webpack_require__(113);
var _CarouselCaption2 = _interopRequireDefault(_CarouselCaption);
var _CarouselItem = __webpack_require__(114);
var _CarouselItem2 = _interopRequireDefault(_CarouselItem);
var _Glyphicon = __webpack_require__(117);
var _Glyphicon2 = _interopRequireDefault(_Glyphicon);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _bootstrapUtils = __webpack_require__(89);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: `slide` should be `animate`.
// TODO: Use uncontrollable.
var propTypes = {
slide: _react2['default'].PropTypes.bool,
indicators: _react2['default'].PropTypes.bool,
interval: _react2['default'].PropTypes.number,
controls: _react2['default'].PropTypes.bool,
pauseOnHover: _react2['default'].PropTypes.bool,
wrap: _react2['default'].PropTypes.bool,
/**
* Callback fired when the active item changes.
*
* ```js
* (eventKey: any) => any | (eventKey: any, event: Object) => any
* ```
*
* If this callback takes two or more arguments, the second argument will
* be a persisted event object with `direction` set to the direction of the
* transition.
*/
onSelect: _react2['default'].PropTypes.func,
onSlideEnd: _react2['default'].PropTypes.func,
activeIndex: _react2['default'].PropTypes.number,
defaultActiveIndex: _react2['default'].PropTypes.number,
direction: _react2['default'].PropTypes.oneOf(['prev', 'next']),
prevIcon: _react2['default'].PropTypes.node,
nextIcon: _react2['default'].PropTypes.node
};
var defaultProps = {
slide: true,
interval: 5000,
pauseOnHover: true,
wrap: true,
indicators: true,
controls: true,
prevIcon: _react2['default'].createElement(_Glyphicon2['default'], { glyph: 'chevron-left' }),
nextIcon: _react2['default'].createElement(_Glyphicon2['default'], { glyph: 'chevron-right' })
};
var Carousel = function (_React$Component) {
(0, _inherits3['default'])(Carousel, _React$Component);
function Carousel(props, context) {
(0, _classCallCheck3['default'])(this, Carousel);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleMouseOver = _this.handleMouseOver.bind(_this);
_this.handleMouseOut = _this.handleMouseOut.bind(_this);
_this.handlePrev = _this.handlePrev.bind(_this);
_this.handleNext = _this.handleNext.bind(_this);
_this.handleItemAnimateOutEnd = _this.handleItemAnimateOutEnd.bind(_this);
var defaultActiveIndex = props.defaultActiveIndex;
_this.state = {
activeIndex: defaultActiveIndex != null ? defaultActiveIndex : 0,
previousActiveIndex: null,
direction: null
};
_this.isUnmounted = false;
return _this;
}
Carousel.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
var activeIndex = this.getActiveIndex();
if (nextProps.activeIndex != null && nextProps.activeIndex !== activeIndex) {
clearTimeout(this.timeout);
this.setState({
previousActiveIndex: activeIndex,
direction: nextProps.direction != null ? nextProps.direction : this.getDirection(activeIndex, nextProps.activeIndex)
});
}
};
Carousel.prototype.componentDidMount = function componentDidMount() {
this.waitForNext();
};
Carousel.prototype.componentWillUnmount = function componentWillUnmount() {
clearTimeout(this.timeout);
this.isUnmounted = true;
};
Carousel.prototype.handleMouseOver = function handleMouseOver() {
if (this.props.pauseOnHover) {
this.pause();
}
};
Carousel.prototype.handleMouseOut = function handleMouseOut() {
if (this.isPaused) {
this.play();
}
};
Carousel.prototype.handlePrev = function handlePrev(e) {
var index = this.getActiveIndex() - 1;
if (index < 0) {
if (!this.props.wrap) {
return;
}
index = _ValidComponentChildren2['default'].count(this.props.children) - 1;
}
this.select(index, e, 'prev');
};
Carousel.prototype.handleNext = function handleNext(e) {
var index = this.getActiveIndex() + 1;
var count = _ValidComponentChildren2['default'].count(this.props.children);
if (index > count - 1) {
if (!this.props.wrap) {
return;
}
index = 0;
}
this.select(index, e, 'next');
};
Carousel.prototype.handleItemAnimateOutEnd = function handleItemAnimateOutEnd() {
var _this2 = this;
this.setState({
previousActiveIndex: null,
direction: null
}, function () {
_this2.waitForNext();
if (_this2.props.onSlideEnd) {
_this2.props.onSlideEnd();
}
});
};
Carousel.prototype.getActiveIndex = function getActiveIndex() {
var activeIndexProp = this.props.activeIndex;
return activeIndexProp != null ? activeIndexProp : this.state.activeIndex;
};
Carousel.prototype.getDirection = function getDirection(prevIndex, index) {
if (prevIndex === index) {
return null;
}
return prevIndex > index ? 'prev' : 'next';
};
Carousel.prototype.select = function select(index, e, direction) {
clearTimeout(this.timeout);
// TODO: Is this necessary? Seems like the only risk is if the component
// unmounts while handleItemAnimateOutEnd fires.
if (this.isUnmounted) {
return;
}
var previousActiveIndex = this.getActiveIndex();
direction = direction || this.getDirection(previousActiveIndex, index);
var onSelect = this.props.onSelect;
if (onSelect) {
if (onSelect.length > 1) {
// React SyntheticEvents are pooled, so we need to remove this event
// from the pool to add a custom property. To avoid unnecessarily
// removing objects from the pool, only do this when the listener
// actually wants the event.
if (e) {
e.persist();
e.direction = direction;
} else {
e = { direction: direction };
}
onSelect(index, e);
} else {
onSelect(index);
}
}
if (this.props.activeIndex == null && index !== previousActiveIndex) {
if (this.state.previousActiveIndex != null) {
// If currently animating don't activate the new index.
// TODO: look into queueing this canceled call and
// animating after the current animation has ended.
return;
}
this.setState({
activeIndex: index,
previousActiveIndex: previousActiveIndex,
direction: direction
});
}
};
Carousel.prototype.waitForNext = function waitForNext() {
var _props = this.props;
var slide = _props.slide;
var interval = _props.interval;
var activeIndexProp = _props.activeIndex;
if (!this.isPaused && slide && interval && activeIndexProp == null) {
this.timeout = setTimeout(this.handleNext, interval);
}
};
// This might be a public API.
Carousel.prototype.pause = function pause() {
this.isPaused = true;
clearTimeout(this.timeout);
};
// This might be a public API.
Carousel.prototype.play = function play() {
this.isPaused = false;
this.waitForNext();
};
Carousel.prototype.renderIndicators = function renderIndicators(children, activeIndex, bsProps) {
var _this3 = this;
var indicators = [];
_ValidComponentChildren2['default'].forEach(children, function (child, index) {
indicators.push(_react2['default'].createElement('li', {
key: index,
className: index === activeIndex ? 'active' : null,
onClick: function onClick(e) {
return _this3.select(index, e);
}
}),
// Force whitespace between indicator elements. Bootstrap requires
// this for correct spacing of elements.
' ');
});
return _react2['default'].createElement(
'ol',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'indicators') },
indicators
);
};
Carousel.prototype.renderControls = function renderControls(wrap, children, activeIndex, prevIcon, nextIcon, bsProps) {
var controlClassName = (0, _bootstrapUtils.prefix)(bsProps, 'control');
var count = _ValidComponentChildren2['default'].count(children);
return [(wrap || activeIndex !== 0) && _react2['default'].createElement(
_SafeAnchor2['default'],
{
key: 'prev',
className: (0, _classnames2['default'])(controlClassName, 'left'),
onClick: this.handlePrev
},
prevIcon
), (wrap || activeIndex !== count - 1) && _react2['default'].createElement(
_SafeAnchor2['default'],
{
key: 'next',
className: (0, _classnames2['default'])(controlClassName, 'right'),
onClick: this.handleNext
},
nextIcon
)];
};
Carousel.prototype.render = function render() {
var _this4 = this;
var _props2 = this.props;
var slide = _props2.slide;
var indicators = _props2.indicators;
var controls = _props2.controls;
var wrap = _props2.wrap;
var prevIcon = _props2.prevIcon;
var nextIcon = _props2.nextIcon;
var className = _props2.className;
var children = _props2.children;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['slide', 'indicators', 'controls', 'wrap', 'prevIcon', 'nextIcon', 'className', 'children']);
var _state = this.state;
var previousActiveIndex = _state.previousActiveIndex;
var direction = _state.direction;
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['interval', 'pauseOnHover', 'onSelect', 'onSlideEnd', 'activeIndex', // Accessed via this.getActiveIndex().
'defaultActiveIndex', 'direction']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
var activeIndex = this.getActiveIndex();
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
slide: slide
});
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes),
onMouseOver: this.handleMouseOver,
onMouseOut: this.handleMouseOut
}),
indicators && this.renderIndicators(children, activeIndex, bsProps),
_react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'inner') },
_ValidComponentChildren2['default'].map(children, function (child, index) {
var active = index === activeIndex;
var previousActive = slide && index === previousActiveIndex;
return (0, _react.cloneElement)(child, {
active: active,
index: index,
animateOut: previousActive,
animateIn: active && previousActiveIndex != null && slide,
direction: direction,
onAnimateOutEnd: previousActive ? _this4.handleItemAnimateOutEnd : null
});
})
),
controls && this.renderControls(wrap, children, activeIndex, prevIcon, nextIcon, bsProps)
);
};
return Carousel;
}(_react2['default'].Component);
Carousel.propTypes = propTypes;
Carousel.defaultProps = defaultProps;
Carousel.Caption = _CarouselCaption2['default'];
Carousel.Item = _CarouselItem2['default'];
exports['default'] = (0, _bootstrapUtils.bsClass)('carousel', Carousel);
module.exports = exports['default'];
/***/ },
/* 113 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'div'
};
var CarouselCaption = function (_React$Component) {
(0, _inherits3['default'])(CarouselCaption, _React$Component);
function CarouselCaption() {
(0, _classCallCheck3['default'])(this, CarouselCaption);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
CarouselCaption.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return CarouselCaption;
}(_react2['default'].Component);
CarouselCaption.propTypes = propTypes;
CarouselCaption.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('carousel-caption', CarouselCaption);
module.exports = exports['default'];
/***/ },
/* 114 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _TransitionEvents = __webpack_require__(116);
var _TransitionEvents2 = _interopRequireDefault(_TransitionEvents);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: This should use a timeout instead of TransitionEvents, or else just
// not wait until transition end to trigger continuing animations.
var propTypes = {
direction: _react2['default'].PropTypes.oneOf(['prev', 'next']),
onAnimateOutEnd: _react2['default'].PropTypes.func,
active: _react2['default'].PropTypes.bool,
animateIn: _react2['default'].PropTypes.bool,
animateOut: _react2['default'].PropTypes.bool,
index: _react2['default'].PropTypes.number
};
var defaultProps = {
active: false,
animateIn: false,
animateOut: false
};
var CarouselItem = function (_React$Component) {
(0, _inherits3['default'])(CarouselItem, _React$Component);
function CarouselItem(props, context) {
(0, _classCallCheck3['default'])(this, CarouselItem);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleAnimateOutEnd = _this.handleAnimateOutEnd.bind(_this);
_this.state = {
direction: null
};
_this.isUnmounted = false;
return _this;
}
CarouselItem.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (this.props.active !== nextProps.active) {
this.setState({ direction: null });
}
};
CarouselItem.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
var _this2 = this;
var active = this.props.active;
var prevActive = prevProps.active;
if (!active && prevActive) {
_TransitionEvents2['default'].addEndEventListener(_reactDom2['default'].findDOMNode(this), this.handleAnimateOutEnd);
}
if (active !== prevActive) {
setTimeout(function () {
return _this2.startAnimation();
}, 20);
}
};
CarouselItem.prototype.componentWillUnmount = function componentWillUnmount() {
this.isUnmounted = true;
};
CarouselItem.prototype.handleAnimateOutEnd = function handleAnimateOutEnd() {
if (this.isUnmounted) {
return;
}
if (this.props.onAnimateOutEnd) {
this.props.onAnimateOutEnd(this.props.index);
}
};
CarouselItem.prototype.startAnimation = function startAnimation() {
if (this.isUnmounted) {
return;
}
this.setState({
direction: this.props.direction === 'prev' ? 'right' : 'left'
});
};
CarouselItem.prototype.render = function render() {
var _props = this.props;
var direction = _props.direction;
var active = _props.active;
var animateIn = _props.animateIn;
var animateOut = _props.animateOut;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['direction', 'active', 'animateIn', 'animateOut', 'className']);
delete props.onAnimateOutEnd;
delete props.index;
var classes = {
item: true,
active: active && !animateIn || animateOut
};
if (direction && active && animateIn) {
classes[direction] = true;
}
if (this.state.direction && (animateIn || animateOut)) {
classes[this.state.direction] = true;
}
return _react2['default'].createElement('div', (0, _extends3['default'])({}, props, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return CarouselItem;
}(_react2['default'].Component);
CarouselItem.propTypes = propTypes;
CarouselItem.defaultProps = defaultProps;
exports['default'] = CarouselItem;
module.exports = exports['default'];
/***/ },
/* 115 */
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_115__;
/***/ },
/* 116 */
/***/ function(module, exports) {
'use strict';
exports.__esModule = true;
/**
* Copyright 2013-2014, Facebook, Inc.
* All rights reserved.
*
* This file contains a modified version of:
* https://github.com/facebook/react/blob/v0.12.0/src/addons/transitions/ReactTransitionEvents.js
*
* This source code is licensed under the BSD-style license found here:
* https://github.com/facebook/react/blob/v0.12.0/LICENSE
* An additional grant of patent rights can be found here:
* https://github.com/facebook/react/blob/v0.12.0/PATENTS
*/
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
/**
* EVENT_NAME_MAP is used to determine which event fired when a
* transition/animation ends, based on the style property used to
* define that event.
*/
var EVENT_NAME_MAP = {
transitionend: {
'transition': 'transitionend',
'WebkitTransition': 'webkitTransitionEnd',
'MozTransition': 'mozTransitionEnd',
'OTransition': 'oTransitionEnd',
'msTransition': 'MSTransitionEnd'
},
animationend: {
'animation': 'animationend',
'WebkitAnimation': 'webkitAnimationEnd',
'MozAnimation': 'mozAnimationEnd',
'OAnimation': 'oAnimationEnd',
'msAnimation': 'MSAnimationEnd'
}
};
var endEvents = [];
function detectEvents() {
var testEl = document.createElement('div');
var style = testEl.style;
// On some platforms, in particular some releases of Android 4.x,
// the un-prefixed "animation" and "transition" properties are defined on the
// style object but the events that fire will still be prefixed, so we need
// to check if the un-prefixed events are useable, and if not remove them
// from the map
if (!('AnimationEvent' in window)) {
delete EVENT_NAME_MAP.animationend.animation;
}
if (!('TransitionEvent' in window)) {
delete EVENT_NAME_MAP.transitionend.transition;
}
for (var baseEventName in EVENT_NAME_MAP) {
// eslint-disable-line guard-for-in
var baseEvents = EVENT_NAME_MAP[baseEventName];
for (var styleName in baseEvents) {
if (styleName in style) {
endEvents.push(baseEvents[styleName]);
break;
}
}
}
}
if (canUseDOM) {
detectEvents();
}
// We use the raw {add|remove}EventListener() call because EventListener
// does not know how to remove event listeners and we really should
// clean up. Also, these events are not triggered in older browsers
// so we should be A-OK here.
function addEventListener(node, eventName, eventListener) {
node.addEventListener(eventName, eventListener, false);
}
function removeEventListener(node, eventName, eventListener) {
node.removeEventListener(eventName, eventListener, false);
}
var ReactTransitionEvents = {
addEndEventListener: function addEndEventListener(node, eventListener) {
if (endEvents.length === 0) {
// If CSS transitions are not supported, trigger an "end animation"
// event immediately.
window.setTimeout(eventListener, 0);
return;
}
endEvents.forEach(function (endEvent) {
addEventListener(node, endEvent, eventListener);
});
},
removeEndEventListener: function removeEndEventListener(node, eventListener) {
if (endEvents.length === 0) {
return;
}
endEvents.forEach(function (endEvent) {
removeEventListener(node, endEvent, eventListener);
});
}
};
exports['default'] = ReactTransitionEvents;
module.exports = exports['default'];
/***/ },
/* 117 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* An icon name. See e.g. http://getbootstrap.com/components/#glyphicons
*/
glyph: _react2['default'].PropTypes.string.isRequired
};
var Glyphicon = function (_React$Component) {
(0, _inherits3['default'])(Glyphicon, _React$Component);
function Glyphicon() {
(0, _classCallCheck3['default'])(this, Glyphicon);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Glyphicon.prototype.render = function render() {
var _extends2;
var _props = this.props;
var glyph = _props.glyph;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['glyph', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, glyph)] = true, _extends2));
return _react2['default'].createElement('span', (0, _extends4['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Glyphicon;
}(_react2['default'].Component);
Glyphicon.propTypes = propTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('glyphicon', Glyphicon);
module.exports = exports['default'];
/***/ },
/* 118 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
inline: _react2['default'].PropTypes.bool,
disabled: _react2['default'].PropTypes.bool,
/**
* Only valid if `inline` is not set.
*/
validationState: _react2['default'].PropTypes.oneOf(['success', 'warning', 'error']),
/**
* Attaches a ref to the `<input>` element. Only functions can be used here.
*
* ```js
* <Checkbox inputRef={ref => { this.input = ref; }} />
* ```
*/
inputRef: _react2['default'].PropTypes.func
};
var defaultProps = {
inline: false,
disabled: false
};
var Checkbox = function (_React$Component) {
(0, _inherits3['default'])(Checkbox, _React$Component);
function Checkbox() {
(0, _classCallCheck3['default'])(this, Checkbox);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Checkbox.prototype.render = function render() {
var _props = this.props;
var inline = _props.inline;
var disabled = _props.disabled;
var validationState = _props.validationState;
var inputRef = _props.inputRef;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['inline', 'disabled', 'validationState', 'inputRef', 'className', 'style', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var input = _react2['default'].createElement('input', (0, _extends3['default'])({}, elementProps, {
ref: inputRef,
type: 'checkbox',
disabled: disabled
}));
if (inline) {
var _classes2;
var _classes = (_classes2 = {}, _classes2[(0, _bootstrapUtils.prefix)(bsProps, 'inline')] = true, _classes2.disabled = disabled, _classes2);
// Use a warning here instead of in propTypes to get better-looking
// generated documentation.
true ? (0, _warning2['default'])(!validationState, '`validationState` is ignored on `<Checkbox inline>`. To display ' + 'validation state on an inline checkbox, set `validationState` on a ' + 'parent `<FormGroup>` or other element instead.') : void 0;
return _react2['default'].createElement(
'label',
{ className: (0, _classnames2['default'])(className, _classes), style: style },
input,
children
);
}
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
disabled: disabled
});
if (validationState) {
classes['has-' + validationState] = true;
}
return _react2['default'].createElement(
'div',
{ className: (0, _classnames2['default'])(className, classes), style: style },
_react2['default'].createElement(
'label',
null,
input,
children
)
);
};
return Checkbox;
}(_react2['default'].Component);
Checkbox.propTypes = propTypes;
Checkbox.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('checkbox', Checkbox);
module.exports = exports['default'];
/***/ },
/* 119 */
/***/ function(module, exports, __webpack_require__) {
/**
* Copyright 2014-2015, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
'use strict';
/**
* Similar to invariant but only logs a warning if the condition is not met.
* This can be used to log issues in development environments in critical
* paths. Removing the logging code for production environments will keep the
* same logic and follow the same code paths.
*/
var warning = function() {};
if (true) {
warning = function(condition, format, args) {
var len = arguments.length;
args = new Array(len > 2 ? len - 2 : 0);
for (var key = 2; key < len; key++) {
args[key - 2] = arguments[key];
}
if (format === undefined) {
throw new Error(
'`warning(condition, format, ...args)` requires a warning ' +
'message argument'
);
}
if (format.length < 10 || (/^[s\W]*$/).test(format)) {
throw new Error(
'The warning format should be able to uniquely identify this ' +
'warning. Please, use a more descriptive format than: ' + format
);
}
if (!condition) {
var argIndex = 0;
var message = 'Warning: ' +
format.replace(/%s/g, function() {
return args[argIndex++];
});
if (typeof console !== 'undefined') {
console.error(message);
}
try {
// This error was thrown as a convenience so that you can use this stack
// to find the callsite that caused this warning to fire.
throw new Error(message);
} catch(x) {}
}
};
}
module.exports = warning;
/***/ },
/* 120 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
var _capitalize = __webpack_require__(121);
var _capitalize2 = _interopRequireDefault(_capitalize);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default'],
/**
* Apply clearfix
*
* on Extra small devices Phones
*
* adds class `visible-xs-block`
*/
visibleXsBlock: _react2['default'].PropTypes.bool,
/**
* Apply clearfix
*
* on Small devices Tablets
*
* adds class `visible-sm-block`
*/
visibleSmBlock: _react2['default'].PropTypes.bool,
/**
* Apply clearfix
*
* on Medium devices Desktops
*
* adds class `visible-md-block`
*/
visibleMdBlock: _react2['default'].PropTypes.bool,
/**
* Apply clearfix
*
* on Large devices Desktops
*
* adds class `visible-lg-block`
*/
visibleLgBlock: _react2['default'].PropTypes.bool
};
var defaultProps = {
componentClass: 'div'
};
var Clearfix = function (_React$Component) {
(0, _inherits3['default'])(Clearfix, _React$Component);
function Clearfix() {
(0, _classCallCheck3['default'])(this, Clearfix);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Clearfix.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
_StyleConfig.DEVICE_SIZES.forEach(function (size) {
var propName = 'visible' + (0, _capitalize2['default'])(size) + 'Block';
if (elementProps[propName]) {
classes['visible-' + size + '-block'] = true;
}
delete elementProps[propName];
});
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Clearfix;
}(_react2['default'].Component);
Clearfix.propTypes = propTypes;
Clearfix.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('clearfix', Clearfix);
module.exports = exports['default'];
/***/ },
/* 121 */
/***/ function(module, exports) {
"use strict";
exports.__esModule = true;
exports["default"] = capitalize;
function capitalize(string) {
return "" + string.charAt(0).toUpperCase() + string.slice(1);
}
module.exports = exports["default"];
/***/ },
/* 122 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Uses `controlId` from `<FormGroup>` if not explicitly specified.
*/
htmlFor: _react2['default'].PropTypes.string,
srOnly: _react2['default'].PropTypes.bool
};
var defaultProps = {
srOnly: false
};
var contextTypes = {
$bs_formGroup: _react2['default'].PropTypes.object
};
var ControlLabel = function (_React$Component) {
(0, _inherits3['default'])(ControlLabel, _React$Component);
function ControlLabel() {
(0, _classCallCheck3['default'])(this, ControlLabel);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ControlLabel.prototype.render = function render() {
var formGroup = this.context.$bs_formGroup;
var controlId = formGroup && formGroup.controlId;
var _props = this.props;
var _props$htmlFor = _props.htmlFor;
var htmlFor = _props$htmlFor === undefined ? controlId : _props$htmlFor;
var srOnly = _props.srOnly;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['htmlFor', 'srOnly', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
true ? (0, _warning2['default'])(controlId == null || htmlFor === controlId, '`controlId` is ignored on `<ControlLabel>` when `htmlFor` is specified.') : void 0;
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
'sr-only': srOnly
});
return _react2['default'].createElement('label', (0, _extends3['default'])({}, elementProps, {
htmlFor: htmlFor,
className: (0, _classnames2['default'])(className, classes)
}));
};
return ControlLabel;
}(_react2['default'].Component);
ControlLabel.propTypes = propTypes;
ControlLabel.defaultProps = defaultProps;
ControlLabel.contextTypes = contextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('control-label', ControlLabel);
module.exports = exports['default'];
/***/ },
/* 123 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default'],
/**
* The number of columns you wish to span
*
* for Extra small devices Phones (<768px)
*
* class-prefix `col-xs-`
*/
xs: _react2['default'].PropTypes.number,
/**
* The number of columns you wish to span
*
* for Small devices Tablets (≥768px)
*
* class-prefix `col-sm-`
*/
sm: _react2['default'].PropTypes.number,
/**
* The number of columns you wish to span
*
* for Medium devices Desktops (≥992px)
*
* class-prefix `col-md-`
*/
md: _react2['default'].PropTypes.number,
/**
* The number of columns you wish to span
*
* for Large devices Desktops (≥1200px)
*
* class-prefix `col-lg-`
*/
lg: _react2['default'].PropTypes.number,
/**
* Hide column
*
* on Extra small devices Phones
*
* adds class `hidden-xs`
*/
xsHidden: _react2['default'].PropTypes.bool,
/**
* Hide column
*
* on Small devices Tablets
*
* adds class `hidden-sm`
*/
smHidden: _react2['default'].PropTypes.bool,
/**
* Hide column
*
* on Medium devices Desktops
*
* adds class `hidden-md`
*/
mdHidden: _react2['default'].PropTypes.bool,
/**
* Hide column
*
* on Large devices Desktops
*
* adds class `hidden-lg`
*/
lgHidden: _react2['default'].PropTypes.bool,
/**
* Move columns to the right
*
* for Extra small devices Phones
*
* class-prefix `col-xs-offset-`
*/
xsOffset: _react2['default'].PropTypes.number,
/**
* Move columns to the right
*
* for Small devices Tablets
*
* class-prefix `col-sm-offset-`
*/
smOffset: _react2['default'].PropTypes.number,
/**
* Move columns to the right
*
* for Medium devices Desktops
*
* class-prefix `col-md-offset-`
*/
mdOffset: _react2['default'].PropTypes.number,
/**
* Move columns to the right
*
* for Large devices Desktops
*
* class-prefix `col-lg-offset-`
*/
lgOffset: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the right
*
* for Extra small devices Phones
*
* class-prefix `col-xs-push-`
*/
xsPush: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the right
*
* for Small devices Tablets
*
* class-prefix `col-sm-push-`
*/
smPush: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the right
*
* for Medium devices Desktops
*
* class-prefix `col-md-push-`
*/
mdPush: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the right
*
* for Large devices Desktops
*
* class-prefix `col-lg-push-`
*/
lgPush: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the left
*
* for Extra small devices Phones
*
* class-prefix `col-xs-pull-`
*/
xsPull: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the left
*
* for Small devices Tablets
*
* class-prefix `col-sm-pull-`
*/
smPull: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the left
*
* for Medium devices Desktops
*
* class-prefix `col-md-pull-`
*/
mdPull: _react2['default'].PropTypes.number,
/**
* Change the order of grid columns to the left
*
* for Large devices Desktops
*
* class-prefix `col-lg-pull-`
*/
lgPull: _react2['default'].PropTypes.number
};
var defaultProps = {
componentClass: 'div'
};
var Col = function (_React$Component) {
(0, _inherits3['default'])(Col, _React$Component);
function Col() {
(0, _classCallCheck3['default'])(this, Col);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Col.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = [];
_StyleConfig.DEVICE_SIZES.forEach(function (size) {
function popProp(propSuffix, modifier) {
var propName = '' + size + propSuffix;
var propValue = elementProps[propName];
if (propValue != null) {
classes.push((0, _bootstrapUtils.prefix)(bsProps, '' + size + modifier + '-' + propValue));
}
delete elementProps[propName];
}
popProp('', '');
popProp('Offset', '-offset');
popProp('Push', '-push');
popProp('Pull', '-pull');
var hiddenPropName = size + 'Hidden';
if (elementProps[hiddenPropName]) {
classes.push('hidden-' + size);
}
delete elementProps[hiddenPropName];
});
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Col;
}(_react2['default'].Component);
Col.propTypes = propTypes;
Col.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('col', Col);
module.exports = exports['default'];
/***/ },
/* 124 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _style = __webpack_require__(125);
var _style2 = _interopRequireDefault(_style);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Transition = __webpack_require__(133);
var _Transition2 = _interopRequireDefault(_Transition);
var _capitalize = __webpack_require__(121);
var _capitalize2 = _interopRequireDefault(_capitalize);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var MARGINS = {
height: ['marginTop', 'marginBottom'],
width: ['marginLeft', 'marginRight']
};
// reading a dimension prop will cause the browser to recalculate,
// which will let our animations work
function triggerBrowserReflow(node) {
node.offsetHeight; // eslint-disable-line no-unused-expressions
}
function getDimensionValue(dimension, elem) {
var value = elem['offset' + (0, _capitalize2['default'])(dimension)];
var margins = MARGINS[dimension];
return value + parseInt((0, _style2['default'])(elem, margins[0]), 10) + parseInt((0, _style2['default'])(elem, margins[1]), 10);
}
var propTypes = {
/**
* Show the component; triggers the expand or collapse animation
*/
'in': _react2['default'].PropTypes.bool,
/**
* Unmount the component (remove it from the DOM) when it is collapsed
*/
unmountOnExit: _react2['default'].PropTypes.bool,
/**
* Run the expand animation when the component mounts, if it is initially
* shown
*/
transitionAppear: _react2['default'].PropTypes.bool,
/**
* Duration of the collapse animation in milliseconds, to ensure that
* finishing callbacks are fired even if the original browser transition end
* events are canceled
*/
timeout: _react2['default'].PropTypes.number,
/**
* Callback fired before the component expands
*/
onEnter: _react2['default'].PropTypes.func,
/**
* Callback fired after the component starts to expand
*/
onEntering: _react2['default'].PropTypes.func,
/**
* Callback fired after the component has expanded
*/
onEntered: _react2['default'].PropTypes.func,
/**
* Callback fired before the component collapses
*/
onExit: _react2['default'].PropTypes.func,
/**
* Callback fired after the component starts to collapse
*/
onExiting: _react2['default'].PropTypes.func,
/**
* Callback fired after the component has collapsed
*/
onExited: _react2['default'].PropTypes.func,
/**
* The dimension used when collapsing, or a function that returns the
* dimension
*
* _Note: Bootstrap only partially supports 'width'!
* You will need to supply your own CSS animation for the `.width` CSS class._
*/
dimension: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.oneOf(['height', 'width']), _react2['default'].PropTypes.func]),
/**
* Function that returns the height or width of the animating DOM node
*
* Allows for providing some custom logic for how much the Collapse component
* should animate in its specified dimension. Called with the current
* dimension prop value and the DOM node.
*/
getDimensionValue: _react2['default'].PropTypes.func,
/**
* ARIA role of collapsible element
*/
role: _react2['default'].PropTypes.string
};
var defaultProps = {
'in': false,
timeout: 300,
unmountOnExit: false,
transitionAppear: false,
dimension: 'height',
getDimensionValue: getDimensionValue
};
var Collapse = function (_React$Component) {
(0, _inherits3['default'])(Collapse, _React$Component);
function Collapse(props, context) {
(0, _classCallCheck3['default'])(this, Collapse);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleEnter = _this.handleEnter.bind(_this);
_this.handleEntering = _this.handleEntering.bind(_this);
_this.handleEntered = _this.handleEntered.bind(_this);
_this.handleExit = _this.handleExit.bind(_this);
_this.handleExiting = _this.handleExiting.bind(_this);
return _this;
}
/* -- Expanding -- */
Collapse.prototype.handleEnter = function handleEnter(elem) {
var dimension = this._dimension();
elem.style[dimension] = '0';
};
Collapse.prototype.handleEntering = function handleEntering(elem) {
var dimension = this._dimension();
elem.style[dimension] = this._getScrollDimensionValue(elem, dimension);
};
Collapse.prototype.handleEntered = function handleEntered(elem) {
var dimension = this._dimension();
elem.style[dimension] = null;
};
/* -- Collapsing -- */
Collapse.prototype.handleExit = function handleExit(elem) {
var dimension = this._dimension();
elem.style[dimension] = this.props.getDimensionValue(dimension, elem) + 'px';
triggerBrowserReflow(elem);
};
Collapse.prototype.handleExiting = function handleExiting(elem) {
var dimension = this._dimension();
elem.style[dimension] = '0';
};
Collapse.prototype._dimension = function _dimension() {
return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;
};
// for testing
Collapse.prototype._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {
return elem['scroll' + (0, _capitalize2['default'])(dimension)] + 'px';
};
Collapse.prototype.render = function render() {
var _props = this.props;
var onEnter = _props.onEnter;
var onEntering = _props.onEntering;
var onEntered = _props.onEntered;
var onExit = _props.onExit;
var onExiting = _props.onExiting;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'className']);
delete props.dimension;
delete props.getDimensionValue;
var handleEnter = (0, _createChainedFunction2['default'])(this.handleEnter, onEnter);
var handleEntering = (0, _createChainedFunction2['default'])(this.handleEntering, onEntering);
var handleEntered = (0, _createChainedFunction2['default'])(this.handleEntered, onEntered);
var handleExit = (0, _createChainedFunction2['default'])(this.handleExit, onExit);
var handleExiting = (0, _createChainedFunction2['default'])(this.handleExiting, onExiting);
var classes = {
width: this._dimension() === 'width'
};
return _react2['default'].createElement(_Transition2['default'], (0, _extends3['default'])({}, props, {
'aria-expanded': props.role ? props['in'] : null,
className: (0, _classnames2['default'])(className, classes),
exitedClassName: 'collapse',
exitingClassName: 'collapsing',
enteredClassName: 'collapse in',
enteringClassName: 'collapsing',
onEnter: handleEnter,
onEntering: handleEntering,
onEntered: handleEntered,
onExit: handleExit,
onExiting: handleExiting
}));
};
return Collapse;
}(_react2['default'].Component);
Collapse.propTypes = propTypes;
Collapse.defaultProps = defaultProps;
exports['default'] = Collapse;
module.exports = exports['default'];
/***/ },
/* 125 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var camelize = __webpack_require__(126),
hyphenate = __webpack_require__(128),
_getComputedStyle = __webpack_require__(130),
removeStyle = __webpack_require__(132);
var has = Object.prototype.hasOwnProperty;
module.exports = function style(node, property, value) {
var css = '',
props = property;
if (typeof property === 'string') {
if (value === undefined) return node.style[camelize(property)] || _getComputedStyle(node).getPropertyValue(hyphenate(property));else (props = {})[property] = value;
}
for (var key in props) if (has.call(props, key)) {
!props[key] && props[key] !== 0 ? removeStyle(node, hyphenate(key)) : css += hyphenate(key) + ':' + props[key] + ';';
}
node.style.cssText += ';' + css;
};
/***/ },
/* 126 */
/***/ function(module, exports, __webpack_require__) {
/**
* Copyright 2014-2015, Facebook, Inc.
* All rights reserved.
* https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/camelizeStyleName.js
*/
'use strict';
var camelize = __webpack_require__(127);
var msPattern = /^-ms-/;
module.exports = function camelizeStyleName(string) {
return camelize(string.replace(msPattern, 'ms-'));
};
/***/ },
/* 127 */
/***/ function(module, exports) {
"use strict";
var rHyphen = /-(.)/g;
module.exports = function camelize(string) {
return string.replace(rHyphen, function (_, chr) {
return chr.toUpperCase();
});
};
/***/ },
/* 128 */
/***/ function(module, exports, __webpack_require__) {
/**
* Copyright 2013-2014, Facebook, Inc.
* All rights reserved.
* https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
*/
"use strict";
var hyphenate = __webpack_require__(129);
var msPattern = /^ms-/;
module.exports = function hyphenateStyleName(string) {
return hyphenate(string).replace(msPattern, "-ms-");
};
/***/ },
/* 129 */
/***/ function(module, exports) {
'use strict';
var rUpper = /([A-Z])/g;
module.exports = function hyphenate(string) {
return string.replace(rUpper, '-$1').toLowerCase();
};
/***/ },
/* 130 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var babelHelpers = __webpack_require__(131);
var _utilCamelizeStyle = __webpack_require__(126);
var _utilCamelizeStyle2 = babelHelpers.interopRequireDefault(_utilCamelizeStyle);
var rposition = /^(top|right|bottom|left)$/;
var rnumnonpx = /^([+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|))(?!px)[a-z%]+$/i;
module.exports = function _getComputedStyle(node) {
if (!node) throw new TypeError('No Element passed to `getComputedStyle()`');
var doc = node.ownerDocument;
return 'defaultView' in doc ? doc.defaultView.opener ? node.ownerDocument.defaultView.getComputedStyle(node, null) : window.getComputedStyle(node, null) : { //ie 8 "magic" from: https://github.com/jquery/jquery/blob/1.11-stable/src/css/curCSS.js#L72
getPropertyValue: function getPropertyValue(prop) {
var style = node.style;
prop = (0, _utilCamelizeStyle2['default'])(prop);
if (prop == 'float') prop = 'styleFloat';
var current = node.currentStyle[prop] || null;
if (current == null && style && style[prop]) current = style[prop];
if (rnumnonpx.test(current) && !rposition.test(prop)) {
// Remember the original values
var left = style.left;
var runStyle = node.runtimeStyle;
var rsLeft = runStyle && runStyle.left;
// Put in the new values to get a computed value out
if (rsLeft) runStyle.left = node.currentStyle.left;
style.left = prop === 'fontSize' ? '1em' : current;
current = style.pixelLeft + 'px';
// Revert the changed values
style.left = left;
if (rsLeft) runStyle.left = rsLeft;
}
return current;
}
};
};
/***/ },
/* 131 */
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (root, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports === "object") {
factory(exports);
} else {
factory(root.babelHelpers = {});
}
})(this, function (global) {
var babelHelpers = global;
babelHelpers.interopRequireDefault = function (obj) {
return obj && obj.__esModule ? obj : {
"default": obj
};
};
babelHelpers._extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
})
/***/ },
/* 132 */
/***/ function(module, exports) {
'use strict';
module.exports = function removeStyle(node, key) {
return 'removeProperty' in node.style ? node.style.removeProperty(key) : node.style.removeAttribute(key);
};
/***/ },
/* 133 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.EXITING = exports.ENTERED = exports.ENTERING = exports.EXITED = exports.UNMOUNTED = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _properties = __webpack_require__(134);
var _properties2 = _interopRequireDefault(_properties);
var _on = __webpack_require__(136);
var _on2 = _interopRequireDefault(_on);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
var transitionEndEvent = _properties2.default.end;
var UNMOUNTED = exports.UNMOUNTED = 0;
var EXITED = exports.EXITED = 1;
var ENTERING = exports.ENTERING = 2;
var ENTERED = exports.ENTERED = 3;
var EXITING = exports.EXITING = 4;
/**
* The Transition component lets you define and run css transitions with a simple declarative api.
* It works similar to React's own [CSSTransitionGroup](http://facebook.github.io/react/docs/animation.html#high-level-api-reactcsstransitiongroup)
* but is specifically optimized for transitioning a single child "in" or "out".
*
* You don't even need to use class based css transitions if you don't want to (but it is easiest).
* The extensive set of lifecyle callbacks means you have control over
* the transitioning now at each step of the way.
*/
var Transition = function (_React$Component) {
_inherits(Transition, _React$Component);
function Transition(props, context) {
_classCallCheck(this, Transition);
var _this = _possibleConstructorReturn(this, (Transition.__proto__ || Object.getPrototypeOf(Transition)).call(this, props, context));
var initialStatus = void 0;
if (props.in) {
// Start enter transition in componentDidMount.
initialStatus = props.transitionAppear ? EXITED : ENTERED;
} else {
initialStatus = props.unmountOnExit ? UNMOUNTED : EXITED;
}
_this.state = { status: initialStatus };
_this.nextCallback = null;
return _this;
}
_createClass(Transition, [{
key: 'componentDidMount',
value: function componentDidMount() {
if (this.props.transitionAppear && this.props.in) {
this.performEnter(this.props);
}
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (nextProps.in && this.props.unmountOnExit) {
if (this.state.status === UNMOUNTED) {
// Start enter transition in componentDidUpdate.
this.setState({ status: EXITED });
}
} else {
this._needsUpdate = true;
}
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate() {
var status = this.state.status;
if (this.props.unmountOnExit && status === EXITED) {
// EXITED is always a transitional state to either ENTERING or UNMOUNTED
// when using unmountOnExit.
if (this.props.in) {
this.performEnter(this.props);
} else {
this.setState({ status: UNMOUNTED });
}
return;
}
// guard ensures we are only responding to prop changes
if (this._needsUpdate) {
this._needsUpdate = false;
if (this.props.in) {
if (status === EXITING) {
this.performEnter(this.props);
} else if (status === EXITED) {
this.performEnter(this.props);
}
// Otherwise we're already entering or entered.
} else {
if (status === ENTERING || status === ENTERED) {
this.performExit(this.props);
}
// Otherwise we're already exited or exiting.
}
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this.cancelNextCallback();
}
}, {
key: 'performEnter',
value: function performEnter(props) {
var _this2 = this;
this.cancelNextCallback();
var node = _reactDom2.default.findDOMNode(this);
// Not this.props, because we might be about to receive new props.
props.onEnter(node);
this.safeSetState({ status: ENTERING }, function () {
_this2.props.onEntering(node);
_this2.onTransitionEnd(node, function () {
_this2.safeSetState({ status: ENTERED }, function () {
_this2.props.onEntered(node);
});
});
});
}
}, {
key: 'performExit',
value: function performExit(props) {
var _this3 = this;
this.cancelNextCallback();
var node = _reactDom2.default.findDOMNode(this);
// Not this.props, because we might be about to receive new props.
props.onExit(node);
this.safeSetState({ status: EXITING }, function () {
_this3.props.onExiting(node);
_this3.onTransitionEnd(node, function () {
_this3.safeSetState({ status: EXITED }, function () {
_this3.props.onExited(node);
});
});
});
}
}, {
key: 'cancelNextCallback',
value: function cancelNextCallback() {
if (this.nextCallback !== null) {
this.nextCallback.cancel();
this.nextCallback = null;
}
}
}, {
key: 'safeSetState',
value: function safeSetState(nextState, callback) {
// This shouldn't be necessary, but there are weird race conditions with
// setState callbacks and unmounting in testing, so always make sure that
// we can cancel any pending setState callbacks after we unmount.
this.setState(nextState, this.setNextCallback(callback));
}
}, {
key: 'setNextCallback',
value: function setNextCallback(callback) {
var _this4 = this;
var active = true;
this.nextCallback = function (event) {
if (active) {
active = false;
_this4.nextCallback = null;
callback(event);
}
};
this.nextCallback.cancel = function () {
active = false;
};
return this.nextCallback;
}
}, {
key: 'onTransitionEnd',
value: function onTransitionEnd(node, handler) {
this.setNextCallback(handler);
if (node) {
(0, _on2.default)(node, transitionEndEvent, this.nextCallback);
setTimeout(this.nextCallback, this.props.timeout);
} else {
setTimeout(this.nextCallback, 0);
}
}
}, {
key: 'render',
value: function render() {
var status = this.state.status;
if (status === UNMOUNTED) {
return null;
}
var _props = this.props;
var children = _props.children;
var className = _props.className;
var childProps = _objectWithoutProperties(_props, ['children', 'className']);
Object.keys(Transition.propTypes).forEach(function (key) {
return delete childProps[key];
});
var transitionClassName = void 0;
if (status === EXITED) {
transitionClassName = this.props.exitedClassName;
} else if (status === ENTERING) {
transitionClassName = this.props.enteringClassName;
} else if (status === ENTERED) {
transitionClassName = this.props.enteredClassName;
} else if (status === EXITING) {
transitionClassName = this.props.exitingClassName;
}
var child = _react2.default.Children.only(children);
return _react2.default.cloneElement(child, _extends({}, childProps, {
className: (0, _classnames2.default)(child.props.className, className, transitionClassName)
}));
}
}]);
return Transition;
}(_react2.default.Component);
Transition.propTypes = {
/**
* Show the component; triggers the enter or exit animation
*/
in: _react2.default.PropTypes.bool,
/**
* Unmount the component (remove it from the DOM) when it is not shown
*/
unmountOnExit: _react2.default.PropTypes.bool,
/**
* Run the enter animation when the component mounts, if it is initially
* shown
*/
transitionAppear: _react2.default.PropTypes.bool,
/**
* A Timeout for the animation, in milliseconds, to ensure that a node doesn't
* transition indefinately if the browser transitionEnd events are
* canceled or interrupted.
*
* By default this is set to a high number (5 seconds) as a failsafe. You should consider
* setting this to the duration of your animation (or a bit above it).
*/
timeout: _react2.default.PropTypes.number,
/**
* CSS class or classes applied when the component is exited
*/
exitedClassName: _react2.default.PropTypes.string,
/**
* CSS class or classes applied while the component is exiting
*/
exitingClassName: _react2.default.PropTypes.string,
/**
* CSS class or classes applied when the component is entered
*/
enteredClassName: _react2.default.PropTypes.string,
/**
* CSS class or classes applied while the component is entering
*/
enteringClassName: _react2.default.PropTypes.string,
/**
* Callback fired before the "entering" classes are applied
*/
onEnter: _react2.default.PropTypes.func,
/**
* Callback fired after the "entering" classes are applied
*/
onEntering: _react2.default.PropTypes.func,
/**
* Callback fired after the "enter" classes are applied
*/
onEntered: _react2.default.PropTypes.func,
/**
* Callback fired before the "exiting" classes are applied
*/
onExit: _react2.default.PropTypes.func,
/**
* Callback fired after the "exiting" classes are applied
*/
onExiting: _react2.default.PropTypes.func,
/**
* Callback fired after the "exited" classes are applied
*/
onExited: _react2.default.PropTypes.func
};
// Name the function so it is clearer in the documentation
function noop() {}
Transition.displayName = 'Transition';
Transition.defaultProps = {
in: false,
unmountOnExit: false,
transitionAppear: false,
timeout: 5000,
onEnter: noop,
onEntering: noop,
onEntered: noop,
onExit: noop,
onExiting: noop,
onExited: noop
};
exports.default = Transition;
/***/ },
/* 134 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var canUseDOM = __webpack_require__(135);
var has = Object.prototype.hasOwnProperty,
transform = 'transform',
transition = {},
transitionTiming,
transitionDuration,
transitionProperty,
transitionDelay;
if (canUseDOM) {
transition = getTransitionProperties();
transform = transition.prefix + transform;
transitionProperty = transition.prefix + 'transition-property';
transitionDuration = transition.prefix + 'transition-duration';
transitionDelay = transition.prefix + 'transition-delay';
transitionTiming = transition.prefix + 'transition-timing-function';
}
module.exports = {
transform: transform,
end: transition.end,
property: transitionProperty,
timing: transitionTiming,
delay: transitionDelay,
duration: transitionDuration
};
function getTransitionProperties() {
var endEvent,
prefix = '',
transitions = {
O: 'otransitionend',
Moz: 'transitionend',
Webkit: 'webkitTransitionEnd',
ms: 'MSTransitionEnd'
};
var element = document.createElement('div');
for (var vendor in transitions) if (has.call(transitions, vendor)) {
if (element.style[vendor + 'TransitionProperty'] !== undefined) {
prefix = '-' + vendor.toLowerCase() + '-';
endEvent = transitions[vendor];
break;
}
}
if (!endEvent && element.style.transitionProperty !== undefined) endEvent = 'transitionend';
return { end: endEvent, prefix: prefix };
}
/***/ },
/* 135 */
/***/ function(module, exports) {
'use strict';
module.exports = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
/***/ },
/* 136 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var canUseDOM = __webpack_require__(135);
var on = function on() {};
if (canUseDOM) {
on = (function () {
if (document.addEventListener) return function (node, eventName, handler, capture) {
return node.addEventListener(eventName, handler, capture || false);
};else if (document.attachEvent) return function (node, eventName, handler) {
return node.attachEvent('on' + eventName, handler);
};
})();
}
module.exports = on;
/***/ },
/* 137 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _activeElement = __webpack_require__(138);
var _activeElement2 = _interopRequireDefault(_activeElement);
var _contains = __webpack_require__(140);
var _contains2 = _interopRequireDefault(_contains);
var _keycode = __webpack_require__(141);
var _keycode2 = _interopRequireDefault(_keycode);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _all = __webpack_require__(110);
var _all2 = _interopRequireDefault(_all);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _isRequiredForA11y = __webpack_require__(142);
var _isRequiredForA11y2 = _interopRequireDefault(_isRequiredForA11y);
var _uncontrollable = __webpack_require__(143);
var _uncontrollable2 = _interopRequireDefault(_uncontrollable);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _ButtonGroup = __webpack_require__(109);
var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
var _DropdownMenu = __webpack_require__(146);
var _DropdownMenu2 = _interopRequireDefault(_DropdownMenu);
var _DropdownToggle = __webpack_require__(160);
var _DropdownToggle2 = _interopRequireDefault(_DropdownToggle);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _PropTypes = __webpack_require__(161);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var TOGGLE_ROLE = _DropdownToggle2['default'].defaultProps.bsRole;
var MENU_ROLE = _DropdownMenu2['default'].defaultProps.bsRole;
var propTypes = {
/**
* The menu will open above the dropdown button, instead of below it.
*/
dropup: _react2['default'].PropTypes.bool,
/**
* An html id attribute, necessary for assistive technologies, such as screen readers.
* @type {string|number}
* @required
*/
id: (0, _isRequiredForA11y2['default'])(_react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number])),
componentClass: _elementType2['default'],
/**
* The children of a Dropdown may be a `<Dropdown.Toggle>` or a `<Dropdown.Menu>`.
* @type {node}
*/
children: (0, _all2['default'])((0, _PropTypes.requiredRoles)(TOGGLE_ROLE, MENU_ROLE), (0, _PropTypes.exclusiveRoles)(MENU_ROLE)),
/**
* Whether or not component is disabled.
*/
disabled: _react2['default'].PropTypes.bool,
/**
* Align the menu to the right side of the Dropdown toggle
*/
pullRight: _react2['default'].PropTypes.bool,
/**
* Whether or not the Dropdown is visible.
*
* @controllable onToggle
*/
open: _react2['default'].PropTypes.bool,
/**
* A callback fired when the Dropdown closes.
*/
onClose: _react2['default'].PropTypes.func,
/**
* A callback fired when the Dropdown wishes to change visibility. Called with the requested
* `open` value.
*
* ```js
* function(Boolean isOpen) {}
* ```
* @controllable open
*/
onToggle: _react2['default'].PropTypes.func,
/**
* A callback fired when a menu item is selected.
*
* ```js
* (eventKey: any, event: Object) => any
* ```
*/
onSelect: _react2['default'].PropTypes.func,
/**
* If `'menuitem'`, causes the dropdown to behave like a menu item rather than
* a menu button.
*/
role: _react2['default'].PropTypes.string
};
var defaultProps = {
componentClass: _ButtonGroup2['default']
};
var Dropdown = function (_React$Component) {
(0, _inherits3['default'])(Dropdown, _React$Component);
function Dropdown(props, context) {
(0, _classCallCheck3['default'])(this, Dropdown);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleClick = _this.handleClick.bind(_this);
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
_this.handleClose = _this.handleClose.bind(_this);
_this._focusInDropdown = false;
_this.lastOpenEventType = null;
return _this;
}
Dropdown.prototype.componentDidMount = function componentDidMount() {
this.focusNextOnOpen();
};
Dropdown.prototype.componentWillUpdate = function componentWillUpdate(nextProps) {
if (!nextProps.open && this.props.open) {
this._focusInDropdown = (0, _contains2['default'])(_reactDom2['default'].findDOMNode(this.menu), (0, _activeElement2['default'])(document));
}
};
Dropdown.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
var open = this.props.open;
var prevOpen = prevProps.open;
if (open && !prevOpen) {
this.focusNextOnOpen();
}
if (!open && prevOpen) {
// if focus hasn't already moved from the menu lets return it
// to the toggle
if (this._focusInDropdown) {
this._focusInDropdown = false;
this.focus();
}
}
};
Dropdown.prototype.handleClick = function handleClick() {
if (this.props.disabled) {
return;
}
this.toggleOpen('click');
};
Dropdown.prototype.handleKeyDown = function handleKeyDown(event) {
if (this.props.disabled) {
return;
}
switch (event.keyCode) {
case _keycode2['default'].codes.down:
if (!this.props.open) {
this.toggleOpen('keydown');
} else if (this.menu.focusNext) {
this.menu.focusNext();
}
event.preventDefault();
break;
case _keycode2['default'].codes.esc:
case _keycode2['default'].codes.tab:
this.handleClose(event);
break;
default:
}
};
Dropdown.prototype.toggleOpen = function toggleOpen(eventType) {
var open = !this.props.open;
if (open) {
this.lastOpenEventType = eventType;
}
if (this.props.onToggle) {
this.props.onToggle(open);
}
};
Dropdown.prototype.handleClose = function handleClose() {
if (!this.props.open) {
return;
}
this.toggleOpen(null);
};
Dropdown.prototype.focusNextOnOpen = function focusNextOnOpen() {
var menu = this.menu;
if (!menu.focusNext) {
return;
}
if (this.lastOpenEventType === 'keydown' || this.props.role === 'menuitem') {
menu.focusNext();
}
};
Dropdown.prototype.focus = function focus() {
var toggle = _reactDom2['default'].findDOMNode(this.toggle);
if (toggle && toggle.focus) {
toggle.focus();
}
};
Dropdown.prototype.renderToggle = function renderToggle(child, props) {
var _this2 = this;
var ref = function ref(c) {
_this2.toggle = c;
};
if (typeof child.ref === 'string') {
true ? (0, _warning2['default'])(false, 'String refs are not supported on `<Dropdown.Toggle>` components. ' + 'To apply a ref to the component use the callback signature:\n\n ' + 'https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute') : void 0;
} else {
ref = (0, _createChainedFunction2['default'])(child.ref, ref);
}
return (0, _react.cloneElement)(child, (0, _extends3['default'])({}, props, {
ref: ref,
bsClass: (0, _bootstrapUtils.prefix)(props, 'toggle'),
onClick: (0, _createChainedFunction2['default'])(child.props.onClick, this.handleClick),
onKeyDown: (0, _createChainedFunction2['default'])(child.props.onKeyDown, this.handleKeyDown)
}));
};
Dropdown.prototype.renderMenu = function renderMenu(child, _ref) {
var _this3 = this;
var id = _ref.id;
var onClose = _ref.onClose;
var onSelect = _ref.onSelect;
var props = (0, _objectWithoutProperties3['default'])(_ref, ['id', 'onClose', 'onSelect']);
var ref = function ref(c) {
_this3.menu = c;
};
if (typeof child.ref === 'string') {
true ? (0, _warning2['default'])(false, 'String refs are not supported on `<Dropdown.Menu>` components. ' + 'To apply a ref to the component use the callback signature:\n\n ' + 'https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute') : void 0;
} else {
ref = (0, _createChainedFunction2['default'])(child.ref, ref);
}
return (0, _react.cloneElement)(child, (0, _extends3['default'])({}, props, {
ref: ref,
labelledBy: id,
bsClass: (0, _bootstrapUtils.prefix)(props, 'menu'),
onClose: (0, _createChainedFunction2['default'])(child.props.onClose, onClose, this.handleClose),
onSelect: (0, _createChainedFunction2['default'])(child.props.onSelect, onSelect, this.handleClose)
}));
};
Dropdown.prototype.render = function render() {
var _classes,
_this4 = this;
var _props = this.props;
var Component = _props.componentClass;
var id = _props.id;
var dropup = _props.dropup;
var disabled = _props.disabled;
var pullRight = _props.pullRight;
var open = _props.open;
var onClose = _props.onClose;
var onSelect = _props.onSelect;
var role = _props.role;
var bsClass = _props.bsClass;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'id', 'dropup', 'disabled', 'pullRight', 'open', 'onClose', 'onSelect', 'role', 'bsClass', 'className', 'children']);
delete props.onToggle;
var classes = (_classes = {}, _classes[bsClass] = true, _classes.open = open, _classes.disabled = disabled, _classes);
if (dropup) {
classes[bsClass] = false;
classes.dropup = true;
}
// This intentionally forwards bsSize and bsStyle (if set) to the
// underlying component, to allow it to render size and style variants.
return _react2['default'].createElement(
Component,
(0, _extends3['default'])({}, props, {
className: (0, _classnames2['default'])(className, classes)
}),
_ValidComponentChildren2['default'].map(children, function (child) {
switch (child.props.bsRole) {
case TOGGLE_ROLE:
return _this4.renderToggle(child, {
id: id, disabled: disabled, open: open, role: role, bsClass: bsClass
});
case MENU_ROLE:
return _this4.renderMenu(child, {
id: id, open: open, pullRight: pullRight, bsClass: bsClass, onClose: onClose, onSelect: onSelect
});
default:
return child;
}
})
);
};
return Dropdown;
}(_react2['default'].Component);
Dropdown.propTypes = propTypes;
Dropdown.defaultProps = defaultProps;
(0, _bootstrapUtils.bsClass)('dropdown', Dropdown);
var UncontrolledDropdown = (0, _uncontrollable2['default'])(Dropdown, { open: 'onToggle' });
UncontrolledDropdown.Toggle = _DropdownToggle2['default'];
UncontrolledDropdown.Menu = _DropdownMenu2['default'];
exports['default'] = UncontrolledDropdown;
module.exports = exports['default'];
/***/ },
/* 138 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var babelHelpers = __webpack_require__(131);
exports.__esModule = true;
/**
* document.activeElement
*/
exports['default'] = activeElement;
var _ownerDocument = __webpack_require__(139);
var _ownerDocument2 = babelHelpers.interopRequireDefault(_ownerDocument);
function activeElement() {
var doc = arguments[0] === undefined ? document : arguments[0];
try {
return doc.activeElement;
} catch (e) {}
}
module.exports = exports['default'];
/***/ },
/* 139 */
/***/ function(module, exports) {
"use strict";
exports.__esModule = true;
exports["default"] = ownerDocument;
function ownerDocument(node) {
return node && node.ownerDocument || document;
}
module.exports = exports["default"];
/***/ },
/* 140 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var canUseDOM = __webpack_require__(135);
var contains = (function () {
var root = canUseDOM && document.documentElement;
return root && root.contains ? function (context, node) {
return context.contains(node);
} : root && root.compareDocumentPosition ? function (context, node) {
return context === node || !!(context.compareDocumentPosition(node) & 16);
} : function (context, node) {
if (node) do {
if (node === context) return true;
} while (node = node.parentNode);
return false;
};
})();
module.exports = contains;
/***/ },
/* 141 */
/***/ function(module, exports) {
// Source: http://jsfiddle.net/vWx8V/
// http://stackoverflow.com/questions/5603195/full-list-of-javascript-keycodes
/**
* Conenience method returns corresponding value for given keyName or keyCode.
*
* @param {Mixed} keyCode {Number} or keyName {String}
* @return {Mixed}
* @api public
*/
exports = module.exports = function(searchInput) {
// Keyboard Events
if (searchInput && 'object' === typeof searchInput) {
var hasKeyCode = searchInput.which || searchInput.keyCode || searchInput.charCode
if (hasKeyCode) searchInput = hasKeyCode
}
// Numbers
if ('number' === typeof searchInput) return names[searchInput]
// Everything else (cast to string)
var search = String(searchInput)
// check codes
var foundNamedKey = codes[search.toLowerCase()]
if (foundNamedKey) return foundNamedKey
// check aliases
var foundNamedKey = aliases[search.toLowerCase()]
if (foundNamedKey) return foundNamedKey
// weird character?
if (search.length === 1) return search.charCodeAt(0)
return undefined
}
/**
* Get by name
*
* exports.code['enter'] // => 13
*/
var codes = exports.code = exports.codes = {
'backspace': 8,
'tab': 9,
'enter': 13,
'shift': 16,
'ctrl': 17,
'alt': 18,
'pause/break': 19,
'caps lock': 20,
'esc': 27,
'space': 32,
'page up': 33,
'page down': 34,
'end': 35,
'home': 36,
'left': 37,
'up': 38,
'right': 39,
'down': 40,
'insert': 45,
'delete': 46,
'command': 91,
'left command': 91,
'right command': 93,
'numpad *': 106,
'numpad +': 107,
'numpad -': 109,
'numpad .': 110,
'numpad /': 111,
'num lock': 144,
'scroll lock': 145,
'my computer': 182,
'my calculator': 183,
';': 186,
'=': 187,
',': 188,
'-': 189,
'.': 190,
'/': 191,
'`': 192,
'[': 219,
'\\': 220,
']': 221,
"'": 222
}
// Helper aliases
var aliases = exports.aliases = {
'windows': 91,
'⇧': 16,
'⌥': 18,
'⌃': 17,
'⌘': 91,
'ctl': 17,
'control': 17,
'option': 18,
'pause': 19,
'break': 19,
'caps': 20,
'return': 13,
'escape': 27,
'spc': 32,
'pgup': 33,
'pgdn': 34,
'ins': 45,
'del': 46,
'cmd': 91
}
/*!
* Programatically add the following
*/
// lower case chars
for (i = 97; i < 123; i++) codes[String.fromCharCode(i)] = i - 32
// numbers
for (var i = 48; i < 58; i++) codes[i - 48] = i
// function keys
for (i = 1; i < 13; i++) codes['f'+i] = i + 111
// numpad keys
for (i = 0; i < 10; i++) codes['numpad '+i] = i + 96
/**
* Get by code
*
* exports.name[13] // => 'Enter'
*/
var names = exports.names = exports.title = {} // title for backward compat
// Create reverse mapping
for (i in codes) names[codes[i]] = i
// Add aliases
for (var alias in aliases) {
codes[alias] = aliases[alias]
}
/***/ },
/* 142 */
/***/ function(module, exports) {
'use strict';
exports.__esModule = true;
exports.default = isRequiredForA11y;
function isRequiredForA11y(validator) {
return function validate(props, propName, componentName, location, propFullName) {
var componentNameSafe = componentName || '<<anonymous>>';
var propFullNameSafe = propFullName || propName;
if (props[propName] == null) {
return new Error('The ' + location + ' `' + propFullNameSafe + '` is required to make ' + ('`' + componentNameSafe + '` accessible for users of assistive ') + 'technologies such as screen readers.');
}
for (var _len = arguments.length, args = Array(_len > 5 ? _len - 5 : 0), _key = 5; _key < _len; _key++) {
args[_key - 5] = arguments[_key];
}
return validator.apply(undefined, [props, propName, componentName, location, propFullName].concat(args));
};
}
/***/ },
/* 143 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _createUncontrollable = __webpack_require__(144);
var _createUncontrollable2 = _interopRequireDefault(_createUncontrollable);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var mixin = {
shouldComponentUpdate: function shouldComponentUpdate() {
//let the forceUpdate trigger the update
return !this._notifying;
}
};
function set(component, propName, handler, value, args) {
if (handler) {
component._notifying = true;
handler.call.apply(handler, [component, value].concat(args));
component._notifying = false;
}
component._values[propName] = value;
if (component.isMounted()) component.forceUpdate();
}
exports.default = (0, _createUncontrollable2.default)([mixin], set);
module.exports = exports['default'];
/***/ },
/* 144 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.default = createUncontrollable;
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _invariant = __webpack_require__(94);
var _invariant2 = _interopRequireDefault(_invariant);
var _utils = __webpack_require__(145);
var utils = _interopRequireWildcard(_utils);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function createUncontrollable(mixins, set) {
return uncontrollable;
function uncontrollable(Component, controlledValues) {
var methods = arguments.length <= 2 || arguments[2] === undefined ? [] : arguments[2];
var displayName = Component.displayName || Component.name || 'Component',
basePropTypes = utils.getType(Component).propTypes,
isCompositeComponent = utils.isReactComponent(Component),
controlledProps = Object.keys(controlledValues),
propTypes;
var OMIT_PROPS = ['valueLink', 'checkedLink'].concat(controlledProps.map(utils.defaultKey));
propTypes = utils.uncontrolledPropTypes(controlledValues, basePropTypes, displayName);
(0, _invariant2.default)(isCompositeComponent || !methods.length, '[uncontrollable] stateless function components cannot pass through methods ' + 'because they have no associated instances. Check component: ' + displayName + ', ' + 'attempting to pass through methods: ' + methods.join(', '));
methods = utils.transform(methods, function (obj, method) {
obj[method] = function () {
var _refs$inner;
return (_refs$inner = this.refs.inner)[method].apply(_refs$inner, arguments);
};
}, {});
var component = _react2.default.createClass(_extends({
displayName: 'Uncontrolled(' + displayName + ')',
mixins: mixins,
propTypes: propTypes
}, methods, {
componentWillMount: function componentWillMount() {
var _this = this;
var props = this.props;
this._values = {};
controlledProps.forEach(function (key) {
_this._values[key] = props[utils.defaultKey(key)];
});
},
/**
* If a prop switches from controlled to Uncontrolled
* reset its value to the defaultValue
*/
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
var _this2 = this;
var props = this.props;
controlledProps.forEach(function (key) {
if (utils.getValue(nextProps, key) === undefined && utils.getValue(props, key) !== undefined) {
_this2._values[key] = nextProps[utils.defaultKey(key)];
}
});
},
getControlledInstance: function getControlledInstance() {
return this.refs.inner;
},
render: function render() {
var _this3 = this;
var newProps = {},
props = omitProps(this.props);
utils.each(controlledValues, function (handle, propName) {
var linkPropName = utils.getLinkName(propName),
prop = _this3.props[propName];
if (linkPropName && !isProp(_this3.props, propName) && isProp(_this3.props, linkPropName)) {
prop = _this3.props[linkPropName].value;
}
newProps[propName] = prop !== undefined ? prop : _this3._values[propName];
newProps[handle] = setAndNotify.bind(_this3, propName);
});
newProps = _extends({}, props, newProps, {
ref: isCompositeComponent ? 'inner' : null
});
return _react2.default.createElement(Component, newProps);
}
}));
component.ControlledComponent = Component;
/**
* useful when wrapping a Component and you want to control
* everything
*/
component.deferControlTo = function (newComponent) {
var additions = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
var nextMethods = arguments[2];
return uncontrollable(newComponent, _extends({}, controlledValues, additions), nextMethods);
};
return component;
function setAndNotify(propName, value) {
var linkName = utils.getLinkName(propName),
handler = this.props[controlledValues[propName]];
if (linkName && isProp(this.props, linkName) && !handler) {
handler = this.props[linkName].requestChange;
}
for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
args[_key - 2] = arguments[_key];
}
set(this, propName, handler, value, args);
}
function isProp(props, prop) {
return props[prop] !== undefined;
}
function omitProps(props) {
var result = {};
utils.each(props, function (value, key) {
if (OMIT_PROPS.indexOf(key) === -1) result[key] = value;
});
return result;
}
}
}
module.exports = exports['default'];
/***/ },
/* 145 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports.version = undefined;
exports.uncontrolledPropTypes = uncontrolledPropTypes;
exports.getType = getType;
exports.getValue = getValue;
exports.getLinkName = getLinkName;
exports.defaultKey = defaultKey;
exports.chain = chain;
exports.transform = transform;
exports.each = each;
exports.has = has;
exports.isReactComponent = isReactComponent;
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _invariant = __webpack_require__(94);
var _invariant2 = _interopRequireDefault(_invariant);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function readOnlyPropType(handler, name) {
return function (props, propName) {
if (props[propName] !== undefined) {
if (!props[handler]) {
return new Error('You have provided a `' + propName + '` prop to ' + '`' + name + '` without an `' + handler + '` handler. This will render a read-only field. ' + 'If the field should be mutable use `' + defaultKey(propName) + '`. Otherwise, set `' + handler + '`');
}
}
};
}
function uncontrolledPropTypes(controlledValues, basePropTypes, displayName) {
var propTypes = {};
if (("development") !== 'production' && basePropTypes) {
transform(controlledValues, function (obj, handler, prop) {
(0, _invariant2.default)(typeof handler === 'string' && handler.trim().length, 'Uncontrollable - [%s]: the prop `%s` needs a valid handler key name in order to make it uncontrollable', displayName, prop);
obj[prop] = readOnlyPropType(handler, displayName);
}, propTypes);
}
return propTypes;
}
var version = exports.version = _react2.default.version.split('.').map(parseFloat);
function getType(component) {
if (version[0] >= 15 || version[0] === 0 && version[1] >= 13) return component;
return component.type;
}
function getValue(props, name) {
var linkPropName = getLinkName(name);
if (linkPropName && !isProp(props, name) && isProp(props, linkPropName)) return props[linkPropName].value;
return props[name];
}
function isProp(props, prop) {
return props[prop] !== undefined;
}
function getLinkName(name) {
return name === 'value' ? 'valueLink' : name === 'checked' ? 'checkedLink' : null;
}
function defaultKey(key) {
return 'default' + key.charAt(0).toUpperCase() + key.substr(1);
}
function chain(thisArg, a, b) {
return function chainedFunction() {
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
a && a.call.apply(a, [thisArg].concat(args));
b && b.call.apply(b, [thisArg].concat(args));
};
}
function transform(obj, cb, seed) {
each(obj, cb.bind(null, seed = seed || (Array.isArray(obj) ? [] : {})));
return seed;
}
function each(obj, cb, thisArg) {
if (Array.isArray(obj)) return obj.forEach(cb, thisArg);
for (var key in obj) {
if (has(obj, key)) cb.call(thisArg, obj[key], key, obj);
}
}
function has(o, k) {
return o ? Object.prototype.hasOwnProperty.call(o, k) : false;
}
/**
* Copyright (c) 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
function isReactComponent(component) {
return !!(component && component.prototype && component.prototype.isReactComponent);
}
/***/ },
/* 146 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _from = __webpack_require__(147);
var _from2 = _interopRequireDefault(_from);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _keycode = __webpack_require__(141);
var _keycode2 = _interopRequireDefault(_keycode);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _RootCloseWrapper = __webpack_require__(156);
var _RootCloseWrapper2 = _interopRequireDefault(_RootCloseWrapper);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
open: _react2['default'].PropTypes.bool,
pullRight: _react2['default'].PropTypes.bool,
onClose: _react2['default'].PropTypes.func,
labelledBy: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number]),
onSelect: _react2['default'].PropTypes.func
};
var defaultProps = {
bsRole: 'menu',
pullRight: false
};
var DropdownMenu = function (_React$Component) {
(0, _inherits3['default'])(DropdownMenu, _React$Component);
function DropdownMenu(props) {
(0, _classCallCheck3['default'])(this, DropdownMenu);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
return _this;
}
DropdownMenu.prototype.handleKeyDown = function handleKeyDown(event) {
switch (event.keyCode) {
case _keycode2['default'].codes.down:
this.focusNext();
event.preventDefault();
break;
case _keycode2['default'].codes.up:
this.focusPrevious();
event.preventDefault();
break;
case _keycode2['default'].codes.esc:
case _keycode2['default'].codes.tab:
this.props.onClose(event);
break;
default:
}
};
DropdownMenu.prototype.getItemsAndActiveIndex = function getItemsAndActiveIndex() {
var items = this.getFocusableMenuItems();
var activeIndex = items.indexOf(document.activeElement);
return { items: items, activeIndex: activeIndex };
};
DropdownMenu.prototype.getFocusableMenuItems = function getFocusableMenuItems() {
var node = _reactDom2['default'].findDOMNode(this);
if (!node) {
return [];
}
return (0, _from2['default'])(node.querySelectorAll('[tabIndex="-1"]'));
};
DropdownMenu.prototype.focusNext = function focusNext() {
var _getItemsAndActiveInd = this.getItemsAndActiveIndex();
var items = _getItemsAndActiveInd.items;
var activeIndex = _getItemsAndActiveInd.activeIndex;
if (items.length === 0) {
return;
}
var nextIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;
items[nextIndex].focus();
};
DropdownMenu.prototype.focusPrevious = function focusPrevious() {
var _getItemsAndActiveInd2 = this.getItemsAndActiveIndex();
var items = _getItemsAndActiveInd2.items;
var activeIndex = _getItemsAndActiveInd2.activeIndex;
if (items.length === 0) {
return;
}
var prevIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;
items[prevIndex].focus();
};
DropdownMenu.prototype.render = function render() {
var _extends2,
_this2 = this;
var _props = this.props;
var open = _props.open;
var pullRight = _props.pullRight;
var onClose = _props.onClose;
var labelledBy = _props.labelledBy;
var onSelect = _props.onSelect;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['open', 'pullRight', 'onClose', 'labelledBy', 'onSelect', 'className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'right')] = pullRight, _extends2));
return _react2['default'].createElement(
_RootCloseWrapper2['default'],
{
disabled: !open,
onRootClose: onClose
},
_react2['default'].createElement(
'ul',
(0, _extends4['default'])({}, elementProps, {
role: 'menu',
className: (0, _classnames2['default'])(className, classes),
'aria-labelledby': labelledBy
}),
_ValidComponentChildren2['default'].map(children, function (child) {
return _react2['default'].cloneElement(child, {
onKeyDown: (0, _createChainedFunction2['default'])(child.props.onKeyDown, _this2.handleKeyDown),
onSelect: (0, _createChainedFunction2['default'])(child.props.onSelect, onSelect)
});
})
)
);
};
return DropdownMenu;
}(_react2['default'].Component);
DropdownMenu.propTypes = propTypes;
DropdownMenu.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('dropdown-menu', DropdownMenu);
module.exports = exports['default'];
/***/ },
/* 147 */
/***/ function(module, exports, __webpack_require__) {
module.exports = { "default": __webpack_require__(148), __esModule: true };
/***/ },
/* 148 */
/***/ function(module, exports, __webpack_require__) {
__webpack_require__(45);
__webpack_require__(149);
module.exports = __webpack_require__(8).Array.from;
/***/ },
/* 149 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var ctx = __webpack_require__(9)
, $export = __webpack_require__(6)
, toObject = __webpack_require__(39)
, call = __webpack_require__(150)
, isArrayIter = __webpack_require__(151)
, toLength = __webpack_require__(30)
, createProperty = __webpack_require__(152)
, getIterFn = __webpack_require__(153);
$export($export.S + $export.F * !__webpack_require__(155)(function(iter){ Array.from(iter); }), 'Array', {
// 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)
from: function from(arrayLike/*, mapfn = undefined, thisArg = undefined*/){
var O = toObject(arrayLike)
, C = typeof this == 'function' ? this : Array
, aLen = arguments.length
, mapfn = aLen > 1 ? arguments[1] : undefined
, mapping = mapfn !== undefined
, index = 0
, iterFn = getIterFn(O)
, length, result, step, iterator;
if(mapping)mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2);
// if object isn't iterable or it's array with default iterator - use simple case
if(iterFn != undefined && !(C == Array && isArrayIter(iterFn))){
for(iterator = iterFn.call(O), result = new C; !(step = iterator.next()).done; index++){
createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value);
}
} else {
length = toLength(O.length);
for(result = new C(length); length > index; index++){
createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]);
}
}
result.length = index;
return result;
}
});
/***/ },
/* 150 */
/***/ function(module, exports, __webpack_require__) {
// call something on iterator step with safe closing on error
var anObject = __webpack_require__(13);
module.exports = function(iterator, fn, value, entries){
try {
return entries ? fn(anObject(value)[0], value[1]) : fn(value);
// 7.4.6 IteratorClose(iterator, completion)
} catch(e){
var ret = iterator['return'];
if(ret !== undefined)anObject(ret.call(iterator));
throw e;
}
};
/***/ },
/* 151 */
/***/ function(module, exports, __webpack_require__) {
// check on default Array iterator
var Iterators = __webpack_require__(50)
, ITERATOR = __webpack_require__(56)('iterator')
, ArrayProto = Array.prototype;
module.exports = function(it){
return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
};
/***/ },
/* 152 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var $defineProperty = __webpack_require__(12)
, createDesc = __webpack_require__(20);
module.exports = function(object, index, value){
if(index in object)$defineProperty.f(object, index, createDesc(0, value));
else object[index] = value;
};
/***/ },
/* 153 */
/***/ function(module, exports, __webpack_require__) {
var classof = __webpack_require__(154)
, ITERATOR = __webpack_require__(56)('iterator')
, Iterators = __webpack_require__(50);
module.exports = __webpack_require__(8).getIteratorMethod = function(it){
if(it != undefined)return it[ITERATOR]
|| it['@@iterator']
|| Iterators[classof(it)];
};
/***/ },
/* 154 */
/***/ function(module, exports, __webpack_require__) {
// getting tag from 19.1.3.6 Object.prototype.toString()
var cof = __webpack_require__(27)
, TAG = __webpack_require__(56)('toStringTag')
// ES3 wrong here
, ARG = cof(function(){ return arguments; }()) == 'Arguments';
// fallback for IE11 Script Access Denied error
var tryGet = function(it, key){
try {
return it[key];
} catch(e){ /* empty */ }
};
module.exports = function(it){
var O, T, B;
return it === undefined ? 'Undefined' : it === null ? 'Null'
// @@toStringTag case
: typeof (T = tryGet(O = Object(it), TAG)) == 'string' ? T
// builtinTag case
: ARG ? cof(O)
// ES3 arguments fallback
: (B = cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B;
};
/***/ },
/* 155 */
/***/ function(module, exports, __webpack_require__) {
var ITERATOR = __webpack_require__(56)('iterator')
, SAFE_CLOSING = false;
try {
var riter = [7][ITERATOR]();
riter['return'] = function(){ SAFE_CLOSING = true; };
Array.from(riter, function(){ throw 2; });
} catch(e){ /* empty */ }
module.exports = function(exec, skipClosing){
if(!skipClosing && !SAFE_CLOSING)return false;
var safe = false;
try {
var arr = [7]
, iter = arr[ITERATOR]();
iter.next = function(){ return {done: safe = true}; };
arr[ITERATOR] = function(){ return iter; };
exec(arr);
} catch(e){ /* empty */ }
return safe;
};
/***/ },
/* 156 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _contains = __webpack_require__(140);
var _contains2 = _interopRequireDefault(_contains);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _addEventListener = __webpack_require__(157);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
var _ownerDocument = __webpack_require__(159);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function isLeftClickEvent(event) {
return event.button === 0;
}
function isModifiedEvent(event) {
return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
}
var RootCloseWrapper = function (_React$Component) {
_inherits(RootCloseWrapper, _React$Component);
function RootCloseWrapper(props, context) {
_classCallCheck(this, RootCloseWrapper);
var _this = _possibleConstructorReturn(this, (RootCloseWrapper.__proto__ || Object.getPrototypeOf(RootCloseWrapper)).call(this, props, context));
_this.handleMouseCapture = function (e) {
_this.preventMouseRootClose = isModifiedEvent(e) || !isLeftClickEvent(e) || (0, _contains2.default)(_reactDom2.default.findDOMNode(_this), e.target);
};
_this.handleMouse = function () {
if (!_this.preventMouseRootClose && _this.props.onRootClose) {
_this.props.onRootClose();
}
};
_this.handleKeyUp = function (e) {
if (e.keyCode === 27 && _this.props.onRootClose) {
_this.props.onRootClose();
}
};
_this.preventMouseRootClose = false;
return _this;
}
_createClass(RootCloseWrapper, [{
key: 'componentDidMount',
value: function componentDidMount() {
if (!this.props.disabled) {
this.addEventListeners();
}
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate(prevProps) {
if (!this.props.disabled && prevProps.disabled) {
this.addEventListeners();
} else if (this.props.disabled && !prevProps.disabled) {
this.removeEventListeners();
}
}
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
if (!this.props.disabled) {
this.removeEventListeners();
}
}
}, {
key: 'addEventListeners',
value: function addEventListeners() {
var event = this.props.event;
var doc = (0, _ownerDocument2.default)(this);
// Use capture for this listener so it fires before React's listener, to
// avoid false positives in the contains() check below if the target DOM
// element is removed in the React mouse callback.
this.documentMouseCaptureListener = (0, _addEventListener2.default)(doc, event, this.handleMouseCapture, true);
this.documentMouseListener = (0, _addEventListener2.default)(doc, event, this.handleMouse);
this.documentKeyupListener = (0, _addEventListener2.default)(doc, 'keyup', this.handleKeyUp);
}
}, {
key: 'removeEventListeners',
value: function removeEventListeners() {
if (this.documentMouseCaptureListener) {
this.documentMouseCaptureListener.remove();
}
if (this.documentMouseListener) {
this.documentMouseListener.remove();
}
if (this.documentKeyupListener) {
this.documentKeyupListener.remove();
}
}
}, {
key: 'render',
value: function render() {
return this.props.children;
}
}]);
return RootCloseWrapper;
}(_react2.default.Component);
exports.default = RootCloseWrapper;
RootCloseWrapper.displayName = 'RootCloseWrapper';
RootCloseWrapper.propTypes = {
onRootClose: _react2.default.PropTypes.func,
children: _react2.default.PropTypes.element,
/**
* Disable the the RootCloseWrapper, preventing it from triggering
* `onRootClose`.
*/
disabled: _react2.default.PropTypes.bool,
/**
* Choose which document mouse event to bind to
*/
event: _react2.default.PropTypes.oneOf(['click', 'mousedown'])
};
RootCloseWrapper.defaultProps = {
event: 'click'
};
module.exports = exports['default'];
/***/ },
/* 157 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = function (node, event, handler, capture) {
(0, _on2.default)(node, event, handler, capture);
return {
remove: function remove() {
(0, _off2.default)(node, event, handler, capture);
}
};
};
var _on = __webpack_require__(136);
var _on2 = _interopRequireDefault(_on);
var _off = __webpack_require__(158);
var _off2 = _interopRequireDefault(_off);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
module.exports = exports['default'];
/***/ },
/* 158 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var canUseDOM = __webpack_require__(135);
var off = function off() {};
if (canUseDOM) {
off = (function () {
if (document.addEventListener) return function (node, eventName, handler, capture) {
return node.removeEventListener(eventName, handler, capture || false);
};else if (document.attachEvent) return function (node, eventName, handler) {
return node.detachEvent('on' + eventName, handler);
};
})();
}
module.exports = off;
/***/ },
/* 159 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = function (componentOrElement) {
return (0, _ownerDocument2.default)(_reactDom2.default.findDOMNode(componentOrElement));
};
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _ownerDocument = __webpack_require__(139);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
module.exports = exports['default'];
/***/ },
/* 160 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _Button = __webpack_require__(108);
var _Button2 = _interopRequireDefault(_Button);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
noCaret: _react2['default'].PropTypes.bool,
open: _react2['default'].PropTypes.bool,
title: _react2['default'].PropTypes.string,
useAnchor: _react2['default'].PropTypes.bool
};
var defaultProps = {
open: false,
useAnchor: false,
bsRole: 'toggle'
};
var DropdownToggle = function (_React$Component) {
(0, _inherits3['default'])(DropdownToggle, _React$Component);
function DropdownToggle() {
(0, _classCallCheck3['default'])(this, DropdownToggle);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
DropdownToggle.prototype.render = function render() {
var _props = this.props;
var noCaret = _props.noCaret;
var open = _props.open;
var useAnchor = _props.useAnchor;
var bsClass = _props.bsClass;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['noCaret', 'open', 'useAnchor', 'bsClass', 'className', 'children']);
delete props.bsRole;
var Component = useAnchor ? _SafeAnchor2['default'] : _Button2['default'];
var useCaret = !noCaret;
// This intentionally forwards bsSize and bsStyle (if set) to the
// underlying component, to allow it to render size and style variants.
// FIXME: Should this really fall back to `title` as children?
return _react2['default'].createElement(
Component,
(0, _extends3['default'])({}, props, {
role: 'button',
className: (0, _classnames2['default'])(className, bsClass),
'aria-haspopup': true,
'aria-expanded': open
}),
children || props.title,
useCaret && ' ',
useCaret && _react2['default'].createElement('span', { className: 'caret' })
);
};
return DropdownToggle;
}(_react2['default'].Component);
DropdownToggle.propTypes = propTypes;
DropdownToggle.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('dropdown-toggle', DropdownToggle);
module.exports = exports['default'];
/***/ },
/* 161 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports.requiredRoles = requiredRoles;
exports.exclusiveRoles = exclusiveRoles;
var _createChainableTypeChecker = __webpack_require__(107);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function requiredRoles() {
for (var _len = arguments.length, roles = Array(_len), _key = 0; _key < _len; _key++) {
roles[_key] = arguments[_key];
}
return (0, _createChainableTypeChecker2['default'])(function (props, propName, component) {
var missing = void 0;
roles.every(function (role) {
if (!_ValidComponentChildren2['default'].some(props.children, function (child) {
return child.props.bsRole === role;
})) {
missing = role;
return false;
}
return true;
});
if (missing) {
return new Error('(children) ' + component + ' - Missing a required child with bsRole: ' + (missing + '. ' + component + ' must have at least one child of each of ') + ('the following bsRoles: ' + roles.join(', ')));
}
return null;
});
}
function exclusiveRoles() {
for (var _len2 = arguments.length, roles = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
roles[_key2] = arguments[_key2];
}
return (0, _createChainableTypeChecker2['default'])(function (props, propName, component) {
var duplicate = void 0;
roles.every(function (role) {
var childrenWithRole = _ValidComponentChildren2['default'].filter(props.children, function (child) {
return child.props.bsRole === role;
});
if (childrenWithRole.length > 1) {
duplicate = role;
return false;
}
return true;
});
if (duplicate) {
return new Error('(children) ' + component + ' - Duplicate children detected of bsRole: ' + (duplicate + '. Only one child each allowed with the following ') + ('bsRoles: ' + roles.join(', ')));
}
return null;
});
}
/***/ },
/* 162 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Dropdown = __webpack_require__(137);
var _Dropdown2 = _interopRequireDefault(_Dropdown);
var _splitComponentProps2 = __webpack_require__(163);
var _splitComponentProps3 = _interopRequireDefault(_splitComponentProps2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = (0, _extends3['default'])({}, _Dropdown2['default'].propTypes, {
// Toggle props.
bsStyle: _react2['default'].PropTypes.string,
bsSize: _react2['default'].PropTypes.string,
title: _react2['default'].PropTypes.node.isRequired,
noCaret: _react2['default'].PropTypes.bool,
// Override generated docs from <Dropdown>.
/**
* @private
*/
children: _react2['default'].PropTypes.node
});
var DropdownButton = function (_React$Component) {
(0, _inherits3['default'])(DropdownButton, _React$Component);
function DropdownButton() {
(0, _classCallCheck3['default'])(this, DropdownButton);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
DropdownButton.prototype.render = function render() {
var _props = this.props;
var bsSize = _props.bsSize;
var bsStyle = _props.bsStyle;
var title = _props.title;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['bsSize', 'bsStyle', 'title', 'children']);
var _splitComponentProps = (0, _splitComponentProps3['default'])(props, _Dropdown2['default'].ControlledComponent);
var dropdownProps = _splitComponentProps[0];
var toggleProps = _splitComponentProps[1];
return _react2['default'].createElement(
_Dropdown2['default'],
(0, _extends3['default'])({}, dropdownProps, {
bsSize: bsSize,
bsStyle: bsStyle
}),
_react2['default'].createElement(
_Dropdown2['default'].Toggle,
(0, _extends3['default'])({}, toggleProps, {
bsSize: bsSize,
bsStyle: bsStyle
}),
title
),
_react2['default'].createElement(
_Dropdown2['default'].Menu,
null,
children
)
);
};
return DropdownButton;
}(_react2['default'].Component);
DropdownButton.propTypes = propTypes;
exports['default'] = DropdownButton;
module.exports = exports['default'];
/***/ },
/* 163 */
/***/ function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var _entries = __webpack_require__(90);
var _entries2 = _interopRequireDefault(_entries);
exports["default"] = splitComponentProps;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function splitComponentProps(props, Component) {
var componentPropTypes = Component.propTypes;
var parentProps = {};
var childProps = {};
(0, _entries2["default"])(props).forEach(function (_ref) {
var propName = _ref[0];
var propValue = _ref[1];
if (componentPropTypes[propName]) {
parentProps[propName] = propValue;
} else {
childProps[propName] = propValue;
}
});
return [parentProps, childProps];
}
module.exports = exports["default"];
/***/ },
/* 164 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Transition = __webpack_require__(133);
var _Transition2 = _interopRequireDefault(_Transition);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Show the component; triggers the fade in or fade out animation
*/
'in': _react2['default'].PropTypes.bool,
/**
* Unmount the component (remove it from the DOM) when it is faded out
*/
unmountOnExit: _react2['default'].PropTypes.bool,
/**
* Run the fade in animation when the component mounts, if it is initially
* shown
*/
transitionAppear: _react2['default'].PropTypes.bool,
/**
* Duration of the fade animation in milliseconds, to ensure that finishing
* callbacks are fired even if the original browser transition end events are
* canceled
*/
timeout: _react2['default'].PropTypes.number,
/**
* Callback fired before the component fades in
*/
onEnter: _react2['default'].PropTypes.func,
/**
* Callback fired after the component starts to fade in
*/
onEntering: _react2['default'].PropTypes.func,
/**
* Callback fired after the has component faded in
*/
onEntered: _react2['default'].PropTypes.func,
/**
* Callback fired before the component fades out
*/
onExit: _react2['default'].PropTypes.func,
/**
* Callback fired after the component starts to fade out
*/
onExiting: _react2['default'].PropTypes.func,
/**
* Callback fired after the component has faded out
*/
onExited: _react2['default'].PropTypes.func
};
var defaultProps = {
'in': false,
timeout: 300,
unmountOnExit: false,
transitionAppear: false
};
var Fade = function (_React$Component) {
(0, _inherits3['default'])(Fade, _React$Component);
function Fade() {
(0, _classCallCheck3['default'])(this, Fade);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Fade.prototype.render = function render() {
return _react2['default'].createElement(_Transition2['default'], (0, _extends3['default'])({}, this.props, {
className: (0, _classnames2['default'])(this.props.className, 'fade'),
enteredClassName: 'in',
enteringClassName: 'in'
}));
};
return Fade;
}(_react2['default'].Component);
Fade.propTypes = propTypes;
Fade.defaultProps = defaultProps;
exports['default'] = Fade;
module.exports = exports['default'];
/***/ },
/* 165 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
horizontal: _react2['default'].PropTypes.bool,
inline: _react2['default'].PropTypes.bool,
componentClass: _elementType2['default']
};
var defaultProps = {
horizontal: false,
inline: false,
componentClass: 'form'
};
var Form = function (_React$Component) {
(0, _inherits3['default'])(Form, _React$Component);
function Form() {
(0, _classCallCheck3['default'])(this, Form);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Form.prototype.render = function render() {
var _props = this.props;
var horizontal = _props.horizontal;
var inline = _props.inline;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['horizontal', 'inline', 'componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = [];
if (horizontal) {
classes.push((0, _bootstrapUtils.prefix)(bsProps, 'horizontal'));
}
if (inline) {
classes.push((0, _bootstrapUtils.prefix)(bsProps, 'inline'));
}
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Form;
}(_react2['default'].Component);
Form.propTypes = propTypes;
Form.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('form', Form);
module.exports = exports['default'];
/***/ },
/* 166 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _FormControlFeedback = __webpack_require__(167);
var _FormControlFeedback2 = _interopRequireDefault(_FormControlFeedback);
var _FormControlStatic = __webpack_require__(168);
var _FormControlStatic2 = _interopRequireDefault(_FormControlStatic);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default'],
/**
* Only relevant if `componentClass` is `'input'`.
*/
type: _react2['default'].PropTypes.string,
/**
* Uses `controlId` from `<FormGroup>` if not explicitly specified.
*/
id: _react2['default'].PropTypes.string
};
var defaultProps = {
componentClass: 'input'
};
var contextTypes = {
$bs_formGroup: _react2['default'].PropTypes.object
};
var FormControl = function (_React$Component) {
(0, _inherits3['default'])(FormControl, _React$Component);
function FormControl() {
(0, _classCallCheck3['default'])(this, FormControl);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
FormControl.prototype.render = function render() {
var formGroup = this.context.$bs_formGroup;
var controlId = formGroup && formGroup.controlId;
var _props = this.props;
var Component = _props.componentClass;
var type = _props.type;
var _props$id = _props.id;
var id = _props$id === undefined ? controlId : _props$id;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'type', 'id', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
true ? (0, _warning2['default'])(controlId == null || id === controlId, '`controlId` is ignored on `<FormControl>` when `id` is specified.') : void 0;
// input[type="file"] should not have .form-control.
var classes = void 0;
if (type !== 'file') {
classes = (0, _bootstrapUtils.getClassSet)(bsProps);
}
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
type: type,
id: id,
className: (0, _classnames2['default'])(className, classes)
}));
};
return FormControl;
}(_react2['default'].Component);
FormControl.propTypes = propTypes;
FormControl.defaultProps = defaultProps;
FormControl.contextTypes = contextTypes;
FormControl.Feedback = _FormControlFeedback2['default'];
FormControl.Static = _FormControlStatic2['default'];
exports['default'] = (0, _bootstrapUtils.bsClass)('form-control', FormControl);
module.exports = exports['default'];
/***/ },
/* 167 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Glyphicon = __webpack_require__(117);
var _Glyphicon2 = _interopRequireDefault(_Glyphicon);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var defaultProps = {
bsRole: 'feedback'
};
var contextTypes = {
$bs_formGroup: _react2['default'].PropTypes.object
};
var FormControlFeedback = function (_React$Component) {
(0, _inherits3['default'])(FormControlFeedback, _React$Component);
function FormControlFeedback() {
(0, _classCallCheck3['default'])(this, FormControlFeedback);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
FormControlFeedback.prototype.getGlyph = function getGlyph(validationState) {
switch (validationState) {
case 'success':
return 'ok';
case 'warning':
return 'warning-sign';
case 'error':
return 'remove';
default:
return null;
}
};
FormControlFeedback.prototype.renderDefaultFeedback = function renderDefaultFeedback(formGroup, className, classes, elementProps) {
var glyph = this.getGlyph(formGroup && formGroup.validationState);
if (!glyph) {
return null;
}
return _react2['default'].createElement(_Glyphicon2['default'], (0, _extends3['default'])({}, elementProps, {
glyph: glyph,
className: (0, _classnames2['default'])(className, classes)
}));
};
FormControlFeedback.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
if (!children) {
return this.renderDefaultFeedback(this.context.$bs_formGroup, className, classes, elementProps);
}
var child = _react2['default'].Children.only(children);
return _react2['default'].cloneElement(child, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(child.props.className, className, classes)
}));
};
return FormControlFeedback;
}(_react2['default'].Component);
FormControlFeedback.defaultProps = defaultProps;
FormControlFeedback.contextTypes = contextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('form-control-feedback', FormControlFeedback);
module.exports = exports['default'];
/***/ },
/* 168 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'p'
};
var FormControlStatic = function (_React$Component) {
(0, _inherits3['default'])(FormControlStatic, _React$Component);
function FormControlStatic() {
(0, _classCallCheck3['default'])(this, FormControlStatic);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
FormControlStatic.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return FormControlStatic;
}(_react2['default'].Component);
FormControlStatic.propTypes = propTypes;
FormControlStatic.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('form-control-static', FormControlStatic);
module.exports = exports['default'];
/***/ },
/* 169 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Sets `id` on `<FormControl>` and `htmlFor` on `<FormGroup.Label>`.
*/
controlId: _react2['default'].PropTypes.string,
validationState: _react2['default'].PropTypes.oneOf(['success', 'warning', 'error'])
};
var childContextTypes = {
$bs_formGroup: _react2['default'].PropTypes.object.isRequired
};
var FormGroup = function (_React$Component) {
(0, _inherits3['default'])(FormGroup, _React$Component);
function FormGroup() {
(0, _classCallCheck3['default'])(this, FormGroup);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
FormGroup.prototype.getChildContext = function getChildContext() {
var _props = this.props;
var controlId = _props.controlId;
var validationState = _props.validationState;
return {
$bs_formGroup: {
controlId: controlId,
validationState: validationState
}
};
};
FormGroup.prototype.hasFeedback = function hasFeedback(children) {
var _this2 = this;
return _ValidComponentChildren2['default'].some(children, function (child) {
return child.props.bsRole === 'feedback' || child.props.children && _this2.hasFeedback(child.props.children);
});
};
FormGroup.prototype.render = function render() {
var _props2 = this.props;
var validationState = _props2.validationState;
var className = _props2.className;
var children = _props2.children;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['validationState', 'className', 'children']);
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['controlId']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
'has-feedback': this.hasFeedback(children)
});
if (validationState) {
classes['has-' + validationState] = true;
}
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
children
);
};
return FormGroup;
}(_react2['default'].Component);
FormGroup.propTypes = propTypes;
FormGroup.childContextTypes = childContextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('form-group', (0, _bootstrapUtils.bsSizes)([_StyleConfig.Size.LARGE, _StyleConfig.Size.SMALL], FormGroup));
module.exports = exports['default'];
/***/ },
/* 170 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Turn any fixed-width grid layout into a full-width layout by this property.
*
* Adds `container-fluid` class.
*/
fluid: _react2['default'].PropTypes.bool,
/**
* You can use a custom element for this component
*/
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'div',
fluid: false
};
var Grid = function (_React$Component) {
(0, _inherits3['default'])(Grid, _React$Component);
function Grid() {
(0, _classCallCheck3['default'])(this, Grid);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Grid.prototype.render = function render() {
var _props = this.props;
var fluid = _props.fluid;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['fluid', 'componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.prefix)(bsProps, fluid && 'fluid');
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Grid;
}(_react2['default'].Component);
Grid.propTypes = propTypes;
Grid.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('container', Grid);
module.exports = exports['default'];
/***/ },
/* 171 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var HelpBlock = function (_React$Component) {
(0, _inherits3['default'])(HelpBlock, _React$Component);
function HelpBlock() {
(0, _classCallCheck3['default'])(this, HelpBlock);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
HelpBlock.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('span', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return HelpBlock;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('help-block', HelpBlock);
module.exports = exports['default'];
/***/ },
/* 172 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Sets image as responsive image
*/
responsive: _react2['default'].PropTypes.bool,
/**
* Sets image shape as rounded
*/
rounded: _react2['default'].PropTypes.bool,
/**
* Sets image shape as circle
*/
circle: _react2['default'].PropTypes.bool,
/**
* Sets image shape as thumbnail
*/
thumbnail: _react2['default'].PropTypes.bool
};
var defaultProps = {
responsive: false,
rounded: false,
circle: false,
thumbnail: false
};
var Image = function (_React$Component) {
(0, _inherits3['default'])(Image, _React$Component);
function Image() {
(0, _classCallCheck3['default'])(this, Image);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Image.prototype.render = function render() {
var _classes;
var _props = this.props;
var responsive = _props.responsive;
var rounded = _props.rounded;
var circle = _props.circle;
var thumbnail = _props.thumbnail;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['responsive', 'rounded', 'circle', 'thumbnail', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (_classes = {}, _classes[(0, _bootstrapUtils.prefix)(bsProps, 'responsive')] = responsive, _classes[(0, _bootstrapUtils.prefix)(bsProps, 'rounded')] = rounded, _classes[(0, _bootstrapUtils.prefix)(bsProps, 'circle')] = circle, _classes[(0, _bootstrapUtils.prefix)(bsProps, 'thumbnail')] = thumbnail, _classes);
return _react2['default'].createElement('img', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Image;
}(_react2['default'].Component);
Image.propTypes = propTypes;
Image.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('img', Image);
module.exports = exports['default'];
/***/ },
/* 173 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _InputGroupAddon = __webpack_require__(174);
var _InputGroupAddon2 = _interopRequireDefault(_InputGroupAddon);
var _InputGroupButton = __webpack_require__(175);
var _InputGroupButton2 = _interopRequireDefault(_InputGroupButton);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var InputGroup = function (_React$Component) {
(0, _inherits3['default'])(InputGroup, _React$Component);
function InputGroup() {
(0, _classCallCheck3['default'])(this, InputGroup);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
InputGroup.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('span', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return InputGroup;
}(_react2['default'].Component);
InputGroup.Addon = _InputGroupAddon2['default'];
InputGroup.Button = _InputGroupButton2['default'];
exports['default'] = (0, _bootstrapUtils.bsClass)('input-group', (0, _bootstrapUtils.bsSizes)([_StyleConfig.Size.LARGE, _StyleConfig.Size.SMALL], InputGroup));
module.exports = exports['default'];
/***/ },
/* 174 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var InputGroupAddon = function (_React$Component) {
(0, _inherits3['default'])(InputGroupAddon, _React$Component);
function InputGroupAddon() {
(0, _classCallCheck3['default'])(this, InputGroupAddon);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
InputGroupAddon.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('span', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return InputGroupAddon;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('input-group-addon', InputGroupAddon);
module.exports = exports['default'];
/***/ },
/* 175 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var InputGroupButton = function (_React$Component) {
(0, _inherits3['default'])(InputGroupButton, _React$Component);
function InputGroupButton() {
(0, _classCallCheck3['default'])(this, InputGroupButton);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
InputGroupButton.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('span', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return InputGroupButton;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('input-group-btn', InputGroupButton);
module.exports = exports['default'];
/***/ },
/* 176 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'div'
};
var Jumbotron = function (_React$Component) {
(0, _inherits3['default'])(Jumbotron, _React$Component);
function Jumbotron() {
(0, _classCallCheck3['default'])(this, Jumbotron);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Jumbotron.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Jumbotron;
}(_react2['default'].Component);
Jumbotron.propTypes = propTypes;
Jumbotron.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('jumbotron', Jumbotron);
module.exports = exports['default'];
/***/ },
/* 177 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _values = __webpack_require__(99);
var _values2 = _interopRequireDefault(_values);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var Label = function (_React$Component) {
(0, _inherits3['default'])(Label, _React$Component);
function Label() {
(0, _classCallCheck3['default'])(this, Label);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Label.prototype.hasContent = function hasContent(children) {
var result = false;
_react2['default'].Children.forEach(children, function (child) {
if (result) {
return;
}
if (child || child === 0) {
result = true;
}
});
return result;
};
Label.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
// Hack for collapsing on IE8.
hidden: !this.hasContent(children)
});
return _react2['default'].createElement(
'span',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
children
);
};
return Label;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('label', (0, _bootstrapUtils.bsStyles)([].concat((0, _values2['default'])(_StyleConfig.State), [_StyleConfig.Style.DEFAULT, _StyleConfig.Style.PRIMARY]), _StyleConfig.Style.DEFAULT, Label));
module.exports = exports['default'];
/***/ },
/* 178 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _ListGroupItem = __webpack_require__(179);
var _ListGroupItem2 = _interopRequireDefault(_ListGroupItem);
var _bootstrapUtils = __webpack_require__(89);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* You can use a custom element type for this component.
*
* If not specified, it will be treated as `'li'` if every child is a
* non-actionable `<ListGroupItem>`, and `'div'` otherwise.
*/
componentClass: _elementType2['default']
};
function getDefaultComponent(children) {
if (!children) {
// FIXME: This is the old behavior. Is this right?
return 'div';
}
if (_ValidComponentChildren2['default'].some(children, function (child) {
return child.type !== _ListGroupItem2['default'] || child.props.href || child.props.onClick;
})) {
return 'div';
}
return 'ul';
}
var ListGroup = function (_React$Component) {
(0, _inherits3['default'])(ListGroup, _React$Component);
function ListGroup() {
(0, _classCallCheck3['default'])(this, ListGroup);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ListGroup.prototype.render = function render() {
var _props = this.props;
var children = _props.children;
var _props$componentClass = _props.componentClass;
var Component = _props$componentClass === undefined ? getDefaultComponent(children) : _props$componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['children', 'componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
var useListItem = Component === 'ul' && _ValidComponentChildren2['default'].every(children, function (child) {
return child.type === _ListGroupItem2['default'];
});
return _react2['default'].createElement(
Component,
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
useListItem ? _ValidComponentChildren2['default'].map(children, function (child) {
return (0, _react.cloneElement)(child, { listItem: true });
}) : children
);
};
return ListGroup;
}(_react2['default'].Component);
ListGroup.propTypes = propTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('list-group', ListGroup);
module.exports = exports['default'];
/***/ },
/* 179 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _values = __webpack_require__(99);
var _values2 = _interopRequireDefault(_values);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
active: _react2['default'].PropTypes.any,
disabled: _react2['default'].PropTypes.any,
header: _react2['default'].PropTypes.node,
listItem: _react2['default'].PropTypes.bool,
onClick: _react2['default'].PropTypes.func,
href: _react2['default'].PropTypes.string,
type: _react2['default'].PropTypes.string
};
var defaultProps = {
listItem: false
};
var ListGroupItem = function (_React$Component) {
(0, _inherits3['default'])(ListGroupItem, _React$Component);
function ListGroupItem() {
(0, _classCallCheck3['default'])(this, ListGroupItem);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ListGroupItem.prototype.renderHeader = function renderHeader(header, headingClassName) {
if (_react2['default'].isValidElement(header)) {
return (0, _react.cloneElement)(header, {
className: (0, _classnames2['default'])(header.props.className, headingClassName)
});
}
return _react2['default'].createElement(
'h4',
{ className: headingClassName },
header
);
};
ListGroupItem.prototype.render = function render() {
var _props = this.props;
var active = _props.active;
var disabled = _props.disabled;
var className = _props.className;
var header = _props.header;
var listItem = _props.listItem;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['active', 'disabled', 'className', 'header', 'listItem', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
active: active,
disabled: disabled
});
var Component = void 0;
if (elementProps.href) {
Component = 'a';
} else if (elementProps.onClick) {
Component = 'button';
elementProps.type = elementProps.type || 'button';
} else if (listItem) {
Component = 'li';
} else {
Component = 'span';
}
elementProps.className = (0, _classnames2['default'])(className, classes);
// TODO: Deprecate `header` prop.
if (header) {
return _react2['default'].createElement(
Component,
elementProps,
this.renderHeader(header, (0, _bootstrapUtils.prefix)(bsProps, 'heading')),
_react2['default'].createElement(
'p',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'text') },
children
)
);
}
return _react2['default'].createElement(
Component,
elementProps,
children
);
};
return ListGroupItem;
}(_react2['default'].Component);
ListGroupItem.propTypes = propTypes;
ListGroupItem.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('list-group-item', (0, _bootstrapUtils.bsStyles)((0, _values2['default'])(_StyleConfig.State), ListGroupItem));
module.exports = exports['default'];
/***/ },
/* 180 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _MediaBody = __webpack_require__(181);
var _MediaBody2 = _interopRequireDefault(_MediaBody);
var _MediaHeading = __webpack_require__(182);
var _MediaHeading2 = _interopRequireDefault(_MediaHeading);
var _MediaLeft = __webpack_require__(183);
var _MediaLeft2 = _interopRequireDefault(_MediaLeft);
var _MediaList = __webpack_require__(184);
var _MediaList2 = _interopRequireDefault(_MediaList);
var _MediaListItem = __webpack_require__(185);
var _MediaListItem2 = _interopRequireDefault(_MediaListItem);
var _MediaRight = __webpack_require__(186);
var _MediaRight2 = _interopRequireDefault(_MediaRight);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'div'
};
var Media = function (_React$Component) {
(0, _inherits3['default'])(Media, _React$Component);
function Media() {
(0, _classCallCheck3['default'])(this, Media);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Media.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Media;
}(_react2['default'].Component);
Media.propTypes = propTypes;
Media.defaultProps = defaultProps;
Media.Heading = _MediaHeading2['default'];
Media.Body = _MediaBody2['default'];
Media.Left = _MediaLeft2['default'];
Media.Right = _MediaRight2['default'];
Media.List = _MediaList2['default'];
Media.ListItem = _MediaListItem2['default'];
exports['default'] = (0, _bootstrapUtils.bsClass)('media', Media);
module.exports = exports['default'];
/***/ },
/* 181 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'div'
};
var MediaBody = function (_React$Component) {
(0, _inherits3['default'])(MediaBody, _React$Component);
function MediaBody() {
(0, _classCallCheck3['default'])(this, MediaBody);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
MediaBody.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return MediaBody;
}(_react2['default'].Component);
MediaBody.propTypes = propTypes;
MediaBody.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('media-body', MediaBody);
module.exports = exports['default'];
/***/ },
/* 182 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'h4'
};
var MediaHeading = function (_React$Component) {
(0, _inherits3['default'])(MediaHeading, _React$Component);
function MediaHeading() {
(0, _classCallCheck3['default'])(this, MediaHeading);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
MediaHeading.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return MediaHeading;
}(_react2['default'].Component);
MediaHeading.propTypes = propTypes;
MediaHeading.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('media-heading', MediaHeading);
module.exports = exports['default'];
/***/ },
/* 183 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Media = __webpack_require__(180);
var _Media2 = _interopRequireDefault(_Media);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Align the media to the top, middle, or bottom of the media object.
*/
align: _react2['default'].PropTypes.oneOf(['top', 'middle', 'bottom'])
};
var MediaLeft = function (_React$Component) {
(0, _inherits3['default'])(MediaLeft, _React$Component);
function MediaLeft() {
(0, _classCallCheck3['default'])(this, MediaLeft);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
MediaLeft.prototype.render = function render() {
var _props = this.props;
var align = _props.align;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['align', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
if (align) {
// The class is e.g. `media-top`, not `media-left-top`.
classes[(0, _bootstrapUtils.prefix)(_Media2['default'].defaultProps, align)] = true;
}
return _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return MediaLeft;
}(_react2['default'].Component);
MediaLeft.propTypes = propTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('media-left', MediaLeft);
module.exports = exports['default'];
/***/ },
/* 184 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var MediaList = function (_React$Component) {
(0, _inherits3['default'])(MediaList, _React$Component);
function MediaList() {
(0, _classCallCheck3['default'])(this, MediaList);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
MediaList.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('ul', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return MediaList;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('media-list', MediaList);
module.exports = exports['default'];
/***/ },
/* 185 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var MediaListItem = function (_React$Component) {
(0, _inherits3['default'])(MediaListItem, _React$Component);
function MediaListItem() {
(0, _classCallCheck3['default'])(this, MediaListItem);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
MediaListItem.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('li', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return MediaListItem;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('media', MediaListItem);
module.exports = exports['default'];
/***/ },
/* 186 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Media = __webpack_require__(180);
var _Media2 = _interopRequireDefault(_Media);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Align the media to the top, middle, or bottom of the media object.
*/
align: _react2['default'].PropTypes.oneOf(['top', 'middle', 'bottom'])
};
var MediaRight = function (_React$Component) {
(0, _inherits3['default'])(MediaRight, _React$Component);
function MediaRight() {
(0, _classCallCheck3['default'])(this, MediaRight);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
MediaRight.prototype.render = function render() {
var _props = this.props;
var align = _props.align;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['align', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
if (align) {
// The class is e.g. `media-top`, not `media-right-top`.
classes[(0, _bootstrapUtils.prefix)(_Media2['default'].defaultProps, align)] = true;
}
return _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return MediaRight;
}(_react2['default'].Component);
MediaRight.propTypes = propTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('media-right', MediaRight);
module.exports = exports['default'];
/***/ },
/* 187 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _all = __webpack_require__(110);
var _all2 = _interopRequireDefault(_all);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Highlight the menu item as active.
*/
active: _react2['default'].PropTypes.bool,
/**
* Disable the menu item, making it unselectable.
*/
disabled: _react2['default'].PropTypes.bool,
/**
* Styles the menu item as a horizontal rule, providing visual separation between
* groups of menu items.
*/
divider: (0, _all2['default'])(_react2['default'].PropTypes.bool, function (_ref) {
var divider = _ref.divider;
var children = _ref.children;
return divider && children ? new Error('Children will not be rendered for dividers') : null;
}),
/**
* Value passed to the `onSelect` handler, useful for identifying the selected menu item.
*/
eventKey: _react2['default'].PropTypes.any,
/**
* Styles the menu item as a header label, useful for describing a group of menu items.
*/
header: _react2['default'].PropTypes.bool,
/**
* HTML `href` attribute corresponding to `a.href`.
*/
href: _react2['default'].PropTypes.string,
/**
* Callback fired when the menu item is clicked.
*/
onClick: _react2['default'].PropTypes.func,
/**
* Callback fired when the menu item is selected.
*
* ```js
* (eventKey: any, event: Object) => any
* ```
*/
onSelect: _react2['default'].PropTypes.func
};
var defaultProps = {
divider: false,
disabled: false,
header: false
};
var MenuItem = function (_React$Component) {
(0, _inherits3['default'])(MenuItem, _React$Component);
function MenuItem(props, context) {
(0, _classCallCheck3['default'])(this, MenuItem);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
MenuItem.prototype.handleClick = function handleClick(event) {
var _props = this.props;
var href = _props.href;
var disabled = _props.disabled;
var onSelect = _props.onSelect;
var eventKey = _props.eventKey;
if (!href || disabled) {
event.preventDefault();
}
if (disabled) {
return;
}
if (onSelect) {
onSelect(eventKey, event);
}
};
MenuItem.prototype.render = function render() {
var _props2 = this.props;
var active = _props2.active;
var disabled = _props2.disabled;
var divider = _props2.divider;
var header = _props2.header;
var onClick = _props2.onClick;
var className = _props2.className;
var style = _props2.style;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['active', 'disabled', 'divider', 'header', 'onClick', 'className', 'style']);
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['eventKey', 'onSelect']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
if (divider) {
// Forcibly blank out the children; separators shouldn't render any.
elementProps.children = undefined;
return _react2['default'].createElement('li', (0, _extends3['default'])({}, elementProps, {
role: 'separator',
className: (0, _classnames2['default'])(className, 'divider'),
style: style
}));
}
if (header) {
return _react2['default'].createElement('li', (0, _extends3['default'])({}, elementProps, {
role: 'heading',
className: (0, _classnames2['default'])(className, (0, _bootstrapUtils.prefix)(bsProps, 'header')),
style: style
}));
}
return _react2['default'].createElement(
'li',
{
role: 'presentation',
className: (0, _classnames2['default'])(className, { active: active, disabled: disabled }),
style: style
},
_react2['default'].createElement(_SafeAnchor2['default'], (0, _extends3['default'])({}, elementProps, {
role: 'menuitem',
tabIndex: '-1',
onClick: (0, _createChainedFunction2['default'])(onClick, this.handleClick)
}))
);
};
return MenuItem;
}(_react2['default'].Component);
MenuItem.propTypes = propTypes;
MenuItem.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('dropdown', MenuItem);
module.exports = exports['default'];
/***/ },
/* 188 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _events = __webpack_require__(189);
var _events2 = _interopRequireDefault(_events);
var _ownerDocument = __webpack_require__(139);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
var _inDOM = __webpack_require__(135);
var _inDOM2 = _interopRequireDefault(_inDOM);
var _scrollbarSize = __webpack_require__(192);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _Modal = __webpack_require__(193);
var _Modal2 = _interopRequireDefault(_Modal);
var _isOverflowing = __webpack_require__(202);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _Fade = __webpack_require__(164);
var _Fade2 = _interopRequireDefault(_Fade);
var _ModalBody = __webpack_require__(206);
var _ModalBody2 = _interopRequireDefault(_ModalBody);
var _ModalDialog = __webpack_require__(207);
var _ModalDialog2 = _interopRequireDefault(_ModalDialog);
var _ModalFooter = __webpack_require__(208);
var _ModalFooter2 = _interopRequireDefault(_ModalFooter);
var _ModalHeader = __webpack_require__(209);
var _ModalHeader2 = _interopRequireDefault(_ModalHeader);
var _ModalTitle = __webpack_require__(210);
var _ModalTitle2 = _interopRequireDefault(_ModalTitle);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _splitComponentProps2 = __webpack_require__(163);
var _splitComponentProps3 = _interopRequireDefault(_splitComponentProps2);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = (0, _extends3['default'])({}, _Modal2['default'].propTypes, _ModalDialog2['default'].propTypes, {
/**
* Include a backdrop component. Specify 'static' for a backdrop that doesn't
* trigger an "onHide" when clicked.
*/
backdrop: _react2['default'].PropTypes.oneOf(['static', true, false]),
/**
* Close the modal when escape key is pressed
*/
keyboard: _react2['default'].PropTypes.bool,
/**
* Open and close the Modal with a slide and fade animation.
*/
animation: _react2['default'].PropTypes.bool,
/**
* A Component type that provides the modal content Markup. This is a useful
* prop when you want to use your own styles and markup to create a custom
* modal component.
*/
dialogComponentClass: _elementType2['default'],
/**
* When `true` The modal will automatically shift focus to itself when it
* opens, and replace it to the last focused element when it closes.
* Generally this should never be set to false as it makes the Modal less
* accessible to assistive technologies, like screen-readers.
*/
autoFocus: _react2['default'].PropTypes.bool,
/**
* When `true` The modal will prevent focus from leaving the Modal while
* open. Consider leaving the default value here, as it is necessary to make
* the Modal work well with assistive technologies, such as screen readers.
*/
enforceFocus: _react2['default'].PropTypes.bool,
/**
* When `true` The modal will show itself.
*/
show: _react2['default'].PropTypes.bool,
/**
* A callback fired when the header closeButton or non-static backdrop is
* clicked. Required if either are specified.
*/
onHide: _react2['default'].PropTypes.func,
/**
* Callback fired before the Modal transitions in
*/
onEnter: _react2['default'].PropTypes.func,
/**
* Callback fired as the Modal begins to transition in
*/
onEntering: _react2['default'].PropTypes.func,
/**
* Callback fired after the Modal finishes transitioning in
*/
onEntered: _react2['default'].PropTypes.func,
/**
* Callback fired right before the Modal transitions out
*/
onExit: _react2['default'].PropTypes.func,
/**
* Callback fired as the Modal begins to transition out
*/
onExiting: _react2['default'].PropTypes.func,
/**
* Callback fired after the Modal finishes transitioning out
*/
onExited: _react2['default'].PropTypes.func,
/**
* @private
*/
container: _Modal2['default'].propTypes.container
});
var defaultProps = (0, _extends3['default'])({}, _Modal2['default'].defaultProps, {
animation: true,
dialogComponentClass: _ModalDialog2['default']
});
var childContextTypes = {
$bs_modal: _react2['default'].PropTypes.shape({
onHide: _react2['default'].PropTypes.func
})
};
var Modal = function (_React$Component) {
(0, _inherits3['default'])(Modal, _React$Component);
function Modal(props, context) {
(0, _classCallCheck3['default'])(this, Modal);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleEntering = _this.handleEntering.bind(_this);
_this.handleExited = _this.handleExited.bind(_this);
_this.handleWindowResize = _this.handleWindowResize.bind(_this);
_this.handleDialogClick = _this.handleDialogClick.bind(_this);
_this.state = {
style: {}
};
return _this;
}
Modal.prototype.getChildContext = function getChildContext() {
return {
$bs_modal: {
onHide: this.props.onHide
}
};
};
Modal.prototype.componentWillUnmount = function componentWillUnmount() {
// Clean up the listener if we need to.
this.handleExited();
};
Modal.prototype.handleEntering = function handleEntering() {
// FIXME: This should work even when animation is disabled.
_events2['default'].on(window, 'resize', this.handleWindowResize);
this.updateStyle();
};
Modal.prototype.handleExited = function handleExited() {
// FIXME: This should work even when animation is disabled.
_events2['default'].off(window, 'resize', this.handleWindowResize);
};
Modal.prototype.handleWindowResize = function handleWindowResize() {
this.updateStyle();
};
Modal.prototype.handleDialogClick = function handleDialogClick(e) {
if (e.target !== e.currentTarget) {
return;
}
this.props.onHide();
};
Modal.prototype.updateStyle = function updateStyle() {
if (!_inDOM2['default']) {
return;
}
var dialogNode = this._modal.getDialogElement();
var dialogHeight = dialogNode.scrollHeight;
var document = (0, _ownerDocument2['default'])(dialogNode);
var bodyIsOverflowing = (0, _isOverflowing2['default'])(_reactDom2['default'].findDOMNode(this.props.container || document.body));
var modalIsOverflowing = dialogHeight > document.documentElement.clientHeight;
this.setState({
style: {
paddingRight: bodyIsOverflowing && !modalIsOverflowing ? (0, _scrollbarSize2['default'])() : undefined,
paddingLeft: !bodyIsOverflowing && modalIsOverflowing ? (0, _scrollbarSize2['default'])() : undefined
}
});
};
Modal.prototype.render = function render() {
var _this2 = this;
var _props = this.props;
var backdrop = _props.backdrop;
var animation = _props.animation;
var show = _props.show;
var Dialog = _props.dialogComponentClass;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var onEntering = _props.onEntering;
var onExited = _props.onExited;
var props = (0, _objectWithoutProperties3['default'])(_props, ['backdrop', 'animation', 'show', 'dialogComponentClass', 'className', 'style', 'children', 'onEntering', 'onExited']);
var _splitComponentProps = (0, _splitComponentProps3['default'])(props, _Modal2['default']);
var baseModalProps = _splitComponentProps[0];
var dialogProps = _splitComponentProps[1];
var inClassName = show && !animation && 'in';
return _react2['default'].createElement(
_Modal2['default'],
(0, _extends3['default'])({}, baseModalProps, {
ref: function ref(c) {
_this2._modal = c;
},
show: show,
onEntering: (0, _createChainedFunction2['default'])(onEntering, this.handleEntering),
onExited: (0, _createChainedFunction2['default'])(onExited, this.handleExited),
backdrop: backdrop,
backdropClassName: (0, _classnames2['default'])((0, _bootstrapUtils.prefix)(props, 'backdrop'), inClassName),
containerClassName: (0, _bootstrapUtils.prefix)(props, 'open'),
transition: animation ? _Fade2['default'] : undefined,
dialogTransitionTimeout: Modal.TRANSITION_DURATION,
backdropTransitionTimeout: Modal.BACKDROP_TRANSITION_DURATION
}),
_react2['default'].createElement(
Dialog,
(0, _extends3['default'])({}, dialogProps, {
style: (0, _extends3['default'])({}, this.state.style, style),
className: (0, _classnames2['default'])(className, inClassName),
onClick: backdrop === true ? this.handleDialogClick : null
}),
children
)
);
};
return Modal;
}(_react2['default'].Component);
Modal.propTypes = propTypes;
Modal.defaultProps = defaultProps;
Modal.childContextTypes = childContextTypes;
Modal.Body = _ModalBody2['default'];
Modal.Header = _ModalHeader2['default'];
Modal.Title = _ModalTitle2['default'];
Modal.Footer = _ModalFooter2['default'];
Modal.Dialog = _ModalDialog2['default'];
Modal.TRANSITION_DURATION = 300;
Modal.BACKDROP_TRANSITION_DURATION = 150;
exports['default'] = (0, _bootstrapUtils.bsClass)('modal', (0, _bootstrapUtils.bsSizes)([_StyleConfig.Size.LARGE, _StyleConfig.Size.SMALL], Modal));
module.exports = exports['default'];
/***/ },
/* 189 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var on = __webpack_require__(136),
off = __webpack_require__(158),
filter = __webpack_require__(190);
module.exports = { on: on, off: off, filter: filter };
/***/ },
/* 190 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var contains = __webpack_require__(140),
qsa = __webpack_require__(191);
module.exports = function (selector, handler) {
return function (e) {
var top = e.currentTarget,
target = e.target,
matches = qsa(top, selector);
if (matches.some(function (match) {
return contains(match, target);
})) handler.call(this, e);
};
};
/***/ },
/* 191 */
/***/ function(module, exports) {
'use strict';
// Zepto.js
// (c) 2010-2015 Thomas Fuchs
// Zepto.js may be freely distributed under the MIT license.
var simpleSelectorRE = /^[\w-]*$/,
toArray = Function.prototype.bind.call(Function.prototype.call, [].slice);
module.exports = function qsa(element, selector) {
var maybeID = selector[0] === '#',
maybeClass = selector[0] === '.',
nameOnly = maybeID || maybeClass ? selector.slice(1) : selector,
isSimple = simpleSelectorRE.test(nameOnly),
found;
if (isSimple) {
if (maybeID) {
element = element.getElementById ? element : document;
return (found = element.getElementById(nameOnly)) ? [found] : [];
}
if (element.getElementsByClassName && maybeClass) return toArray(element.getElementsByClassName(nameOnly));
return toArray(element.getElementsByTagName(selector));
}
return toArray(element.querySelectorAll(selector));
};
/***/ },
/* 192 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var canUseDOM = __webpack_require__(135);
var size;
module.exports = function (recalc) {
if (!size || recalc) {
if (canUseDOM) {
var scrollDiv = document.createElement('div');
scrollDiv.style.position = 'absolute';
scrollDiv.style.top = '-9999px';
scrollDiv.style.width = '50px';
scrollDiv.style.height = '50px';
scrollDiv.style.overflow = 'scroll';
document.body.appendChild(scrollDiv);
size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
document.body.removeChild(scrollDiv);
}
}
return size;
};
/***/ },
/* 193 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; /*eslint-disable react/prop-types */
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _componentOrElement = __webpack_require__(194);
var _componentOrElement2 = _interopRequireDefault(_componentOrElement);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _Portal = __webpack_require__(195);
var _Portal2 = _interopRequireDefault(_Portal);
var _ModalManager = __webpack_require__(197);
var _ModalManager2 = _interopRequireDefault(_ModalManager);
var _ownerDocument = __webpack_require__(159);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
var _addEventListener = __webpack_require__(157);
var _addEventListener2 = _interopRequireDefault(_addEventListener);
var _addFocusListener = __webpack_require__(205);
var _addFocusListener2 = _interopRequireDefault(_addFocusListener);
var _inDOM = __webpack_require__(135);
var _inDOM2 = _interopRequireDefault(_inDOM);
var _activeElement = __webpack_require__(138);
var _activeElement2 = _interopRequireDefault(_activeElement);
var _contains = __webpack_require__(140);
var _contains2 = _interopRequireDefault(_contains);
var _getContainer = __webpack_require__(196);
var _getContainer2 = _interopRequireDefault(_getContainer);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var modalManager = new _ModalManager2.default();
/**
* Love them or hate them, `<Modal/>` provides a solid foundation for creating dialogs, lightboxes, or whatever else.
* The Modal component renders its `children` node in front of a backdrop component.
*
* The Modal offers a few helpful features over using just a `<Portal/>` component and some styles:
*
* - Manages dialog stacking when one-at-a-time just isn't enough.
* - Creates a backdrop, for disabling interaction below the modal.
* - It properly manages focus; moving to the modal content, and keeping it there until the modal is closed.
* - It disables scrolling of the page content while open.
* - Adds the appropriate ARIA roles are automatically.
* - Easily pluggable animations via a `<Transition/>` component.
*
* Note that, in the same way the backdrop element prevents users from clicking or interacting
* with the page content underneath the Modal, Screen readers also need to be signaled to not to
* interact with page content while the Modal is open. To do this, we use a common technique of applying
* the `aria-hidden='true'` attribute to the non-Modal elements in the Modal `container`. This means that for
* a Modal to be truly modal, it should have a `container` that is _outside_ your app's
* React hierarchy (such as the default: document.body).
*/
var Modal = _react2.default.createClass({
displayName: 'Modal',
propTypes: _extends({}, _Portal2.default.propTypes, {
/**
* Set the visibility of the Modal
*/
show: _react2.default.PropTypes.bool,
/**
* A Node, Component instance, or function that returns either. The Modal is appended to it's container element.
*
* For the sake of assistive technologies, the container should usually be the document body, so that the rest of the
* page content can be placed behind a virtual backdrop as well as a visual one.
*/
container: _react2.default.PropTypes.oneOfType([_componentOrElement2.default, _react2.default.PropTypes.func]),
/**
* A callback fired when the Modal is opening.
*/
onShow: _react2.default.PropTypes.func,
/**
* A callback fired when either the backdrop is clicked, or the escape key is pressed.
*
* The `onHide` callback only signals intent from the Modal,
* you must actually set the `show` prop to `false` for the Modal to close.
*/
onHide: _react2.default.PropTypes.func,
/**
* Include a backdrop component.
*/
backdrop: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.bool, _react2.default.PropTypes.oneOf(['static'])]),
/**
* A function that returns a backdrop component. Useful for custom
* backdrop rendering.
*
* ```js
* renderBackdrop={props => <MyBackdrop {...props} />}
* ```
*/
renderBackdrop: _react2.default.PropTypes.func,
/**
* A callback fired when the escape key, if specified in `keyboard`, is pressed.
*/
onEscapeKeyUp: _react2.default.PropTypes.func,
/**
* A callback fired when the backdrop, if specified, is clicked.
*/
onBackdropClick: _react2.default.PropTypes.func,
/**
* A style object for the backdrop component.
*/
backdropStyle: _react2.default.PropTypes.object,
/**
* A css class or classes for the backdrop component.
*/
backdropClassName: _react2.default.PropTypes.string,
/**
* A css class or set of classes applied to the modal container when the modal is open,
* and removed when it is closed.
*/
containerClassName: _react2.default.PropTypes.string,
/**
* Close the modal when escape key is pressed
*/
keyboard: _react2.default.PropTypes.bool,
/**
* A `<Transition/>` component to use for the dialog and backdrop components.
*/
transition: _elementType2.default,
/**
* The `timeout` of the dialog transition if specified. This number is used to ensure that
* transition callbacks are always fired, even if browser transition events are canceled.
*
* See the Transition `timeout` prop for more infomation.
*/
dialogTransitionTimeout: _react2.default.PropTypes.number,
/**
* The `timeout` of the backdrop transition if specified. This number is used to
* ensure that transition callbacks are always fired, even if browser transition events are canceled.
*
* See the Transition `timeout` prop for more infomation.
*/
backdropTransitionTimeout: _react2.default.PropTypes.number,
/**
* When `true` The modal will automatically shift focus to itself when it opens, and
* replace it to the last focused element when it closes. This also
* works correctly with any Modal children that have the `autoFocus` prop.
*
* Generally this should never be set to `false` as it makes the Modal less
* accessible to assistive technologies, like screen readers.
*/
autoFocus: _react2.default.PropTypes.bool,
/**
* When `true` The modal will prevent focus from leaving the Modal while open.
*
* Generally this should never be set to `false` as it makes the Modal less
* accessible to assistive technologies, like screen readers.
*/
enforceFocus: _react2.default.PropTypes.bool,
/**
* Callback fired before the Modal transitions in
*/
onEnter: _react2.default.PropTypes.func,
/**
* Callback fired as the Modal begins to transition in
*/
onEntering: _react2.default.PropTypes.func,
/**
* Callback fired after the Modal finishes transitioning in
*/
onEntered: _react2.default.PropTypes.func,
/**
* Callback fired right before the Modal transitions out
*/
onExit: _react2.default.PropTypes.func,
/**
* Callback fired as the Modal begins to transition out
*/
onExiting: _react2.default.PropTypes.func,
/**
* Callback fired after the Modal finishes transitioning out
*/
onExited: _react2.default.PropTypes.func,
/**
* A ModalManager instance used to track and manage the state of open
* Modals. Useful when customizing how modals interact within a container
*/
manager: _react2.default.PropTypes.object.isRequired
}),
getDefaultProps: function getDefaultProps() {
var noop = function noop() {};
return {
show: false,
backdrop: true,
keyboard: true,
autoFocus: true,
enforceFocus: true,
onHide: noop,
manager: modalManager,
renderBackdrop: function renderBackdrop(props) {
return _react2.default.createElement('div', props);
}
};
},
getInitialState: function getInitialState() {
return { exited: !this.props.show };
},
render: function render() {
var _props = this.props;
var show = _props.show;
var container = _props.container;
var children = _props.children;
var Transition = _props.transition;
var backdrop = _props.backdrop;
var dialogTransitionTimeout = _props.dialogTransitionTimeout;
var className = _props.className;
var style = _props.style;
var onExit = _props.onExit;
var onExiting = _props.onExiting;
var onEnter = _props.onEnter;
var onEntering = _props.onEntering;
var onEntered = _props.onEntered;
var dialog = _react2.default.Children.only(children);
var mountModal = show || Transition && !this.state.exited;
if (!mountModal) {
return null;
}
var _dialog$props = dialog.props;
var role = _dialog$props.role;
var tabIndex = _dialog$props.tabIndex;
if (role === undefined || tabIndex === undefined) {
dialog = (0, _react.cloneElement)(dialog, {
role: role === undefined ? 'document' : role,
tabIndex: tabIndex == null ? '-1' : tabIndex
});
}
if (Transition) {
dialog = _react2.default.createElement(
Transition,
{
transitionAppear: true,
unmountOnExit: true,
'in': show,
timeout: dialogTransitionTimeout,
onExit: onExit,
onExiting: onExiting,
onExited: this.handleHidden,
onEnter: onEnter,
onEntering: onEntering,
onEntered: onEntered
},
dialog
);
}
return _react2.default.createElement(
_Portal2.default,
{
ref: this.setMountNode,
container: container
},
_react2.default.createElement(
'div',
{
ref: 'modal',
role: role || 'dialog',
style: style,
className: className
},
backdrop && this.renderBackdrop(),
dialog
)
);
},
renderBackdrop: function renderBackdrop() {
var _this = this;
var _props2 = this.props;
var backdropStyle = _props2.backdropStyle;
var backdropClassName = _props2.backdropClassName;
var renderBackdrop = _props2.renderBackdrop;
var Transition = _props2.transition;
var backdropTransitionTimeout = _props2.backdropTransitionTimeout;
var backdropRef = function backdropRef(ref) {
return _this.backdrop = ref;
};
var backdrop = _react2.default.createElement('div', {
ref: backdropRef,
style: this.props.backdropStyle,
className: this.props.backdropClassName,
onClick: this.handleBackdropClick
});
if (Transition) {
backdrop = _react2.default.createElement(
Transition,
{ transitionAppear: true,
'in': this.props.show,
timeout: backdropTransitionTimeout
},
renderBackdrop({
ref: backdropRef,
style: backdropStyle,
className: backdropClassName,
onClick: this.handleBackdropClick
})
);
}
return backdrop;
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
if (nextProps.show) {
this.setState({ exited: false });
} else if (!nextProps.transition) {
// Otherwise let handleHidden take care of marking exited.
this.setState({ exited: true });
}
},
componentWillUpdate: function componentWillUpdate(nextProps) {
if (!this.props.show && nextProps.show) {
this.checkForFocus();
}
},
componentDidMount: function componentDidMount() {
if (this.props.show) {
this.onShow();
}
},
componentDidUpdate: function componentDidUpdate(prevProps) {
var transition = this.props.transition;
if (prevProps.show && !this.props.show && !transition) {
// Otherwise handleHidden will call this.
this.onHide();
} else if (!prevProps.show && this.props.show) {
this.onShow();
}
},
componentWillUnmount: function componentWillUnmount() {
var _props3 = this.props;
var show = _props3.show;
var transition = _props3.transition;
if (show || transition && !this.state.exited) {
this.onHide();
}
},
onShow: function onShow() {
var doc = (0, _ownerDocument2.default)(this);
var container = (0, _getContainer2.default)(this.props.container, doc.body);
this.props.manager.add(this, container, this.props.containerClassName);
this._onDocumentKeyupListener = (0, _addEventListener2.default)(doc, 'keyup', this.handleDocumentKeyUp);
this._onFocusinListener = (0, _addFocusListener2.default)(this.enforceFocus);
this.focus();
if (this.props.onShow) {
this.props.onShow();
}
},
onHide: function onHide() {
this.props.manager.remove(this);
this._onDocumentKeyupListener.remove();
this._onFocusinListener.remove();
this.restoreLastFocus();
},
setMountNode: function setMountNode(ref) {
this.mountNode = ref ? ref.getMountNode() : ref;
},
handleHidden: function handleHidden() {
this.setState({ exited: true });
this.onHide();
if (this.props.onExited) {
var _props4;
(_props4 = this.props).onExited.apply(_props4, arguments);
}
},
handleBackdropClick: function handleBackdropClick(e) {
if (e.target !== e.currentTarget) {
return;
}
if (this.props.onBackdropClick) {
this.props.onBackdropClick(e);
}
if (this.props.backdrop === true) {
this.props.onHide();
}
},
handleDocumentKeyUp: function handleDocumentKeyUp(e) {
if (this.props.keyboard && e.keyCode === 27 && this.isTopModal()) {
if (this.props.onEscapeKeyUp) {
this.props.onEscapeKeyUp(e);
}
this.props.onHide();
}
},
checkForFocus: function checkForFocus() {
if (_inDOM2.default) {
this.lastFocus = (0, _activeElement2.default)();
}
},
focus: function focus() {
var autoFocus = this.props.autoFocus;
var modalContent = this.getDialogElement();
var current = (0, _activeElement2.default)((0, _ownerDocument2.default)(this));
var focusInModal = current && (0, _contains2.default)(modalContent, current);
if (modalContent && autoFocus && !focusInModal) {
this.lastFocus = current;
if (!modalContent.hasAttribute('tabIndex')) {
modalContent.setAttribute('tabIndex', -1);
(0, _warning2.default)(false, 'The modal content node does not accept focus. ' + 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".');
}
modalContent.focus();
}
},
restoreLastFocus: function restoreLastFocus() {
// Support: <=IE11 doesn't support `focus()` on svg elements (RB: #917)
if (this.lastFocus && this.lastFocus.focus) {
this.lastFocus.focus();
this.lastFocus = null;
}
},
enforceFocus: function enforceFocus() {
var enforceFocus = this.props.enforceFocus;
if (!enforceFocus || !this.isMounted() || !this.isTopModal()) {
return;
}
var active = (0, _activeElement2.default)((0, _ownerDocument2.default)(this));
var modal = this.getDialogElement();
if (modal && modal !== active && !(0, _contains2.default)(modal, active)) {
modal.focus();
}
},
//instead of a ref, which might conflict with one the parent applied.
getDialogElement: function getDialogElement() {
var node = this.refs.modal;
return node && node.lastChild;
},
isTopModal: function isTopModal() {
return this.props.manager.isTopModal(this);
}
});
Modal.Manager = _ModalManager2.default;
exports.default = Modal;
module.exports = exports['default'];
/***/ },
/* 194 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _createChainableTypeChecker = __webpack_require__(107);
var _createChainableTypeChecker2 = _interopRequireDefault(_createChainableTypeChecker);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function validate(props, propName, componentName, location, propFullName) {
var propValue = props[propName];
var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
if (_react2.default.isValidElement(propValue)) {
return new Error('Invalid ' + location + ' `' + propFullName + '` of type ReactElement ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement. You can usually obtain a ReactComponent or DOMElement ' + 'from a ReactElement by attaching a ref to it.');
}
if ((propType !== 'object' || typeof propValue.render !== 'function') && propValue.nodeType !== 1) {
return new Error('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected a ReactComponent or a ') + 'DOMElement.');
}
return null;
}
exports.default = (0, _createChainableTypeChecker2.default)(validate);
/***/ },
/* 195 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _componentOrElement = __webpack_require__(194);
var _componentOrElement2 = _interopRequireDefault(_componentOrElement);
var _ownerDocument = __webpack_require__(159);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
var _getContainer = __webpack_require__(196);
var _getContainer2 = _interopRequireDefault(_getContainer);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/**
* The `<Portal/>` component renders its children into a new "subtree" outside of current component hierarchy.
* You can think of it as a declarative `appendChild()`, or jQuery's `$.fn.appendTo()`.
* The children of `<Portal/>` component will be appended to the `container` specified.
*/
var Portal = _react2.default.createClass({
displayName: 'Portal',
propTypes: {
/**
* A Node, Component instance, or function that returns either. The `container` will have the Portal children
* appended to it.
*/
container: _react2.default.PropTypes.oneOfType([_componentOrElement2.default, _react2.default.PropTypes.func])
},
componentDidMount: function componentDidMount() {
this._renderOverlay();
},
componentDidUpdate: function componentDidUpdate() {
this._renderOverlay();
},
componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
if (this._overlayTarget && nextProps.container !== this.props.container) {
this._portalContainerNode.removeChild(this._overlayTarget);
this._portalContainerNode = (0, _getContainer2.default)(nextProps.container, (0, _ownerDocument2.default)(this).body);
this._portalContainerNode.appendChild(this._overlayTarget);
}
},
componentWillUnmount: function componentWillUnmount() {
this._unrenderOverlay();
this._unmountOverlayTarget();
},
_mountOverlayTarget: function _mountOverlayTarget() {
if (!this._overlayTarget) {
this._overlayTarget = document.createElement('div');
this._portalContainerNode = (0, _getContainer2.default)(this.props.container, (0, _ownerDocument2.default)(this).body);
this._portalContainerNode.appendChild(this._overlayTarget);
}
},
_unmountOverlayTarget: function _unmountOverlayTarget() {
if (this._overlayTarget) {
this._portalContainerNode.removeChild(this._overlayTarget);
this._overlayTarget = null;
}
this._portalContainerNode = null;
},
_renderOverlay: function _renderOverlay() {
var overlay = !this.props.children ? null : _react2.default.Children.only(this.props.children);
// Save reference for future access.
if (overlay !== null) {
this._mountOverlayTarget();
this._overlayInstance = _reactDom2.default.unstable_renderSubtreeIntoContainer(this, overlay, this._overlayTarget);
} else {
// Unrender if the component is null for transitions to null
this._unrenderOverlay();
this._unmountOverlayTarget();
}
},
_unrenderOverlay: function _unrenderOverlay() {
if (this._overlayTarget) {
_reactDom2.default.unmountComponentAtNode(this._overlayTarget);
this._overlayInstance = null;
}
},
render: function render() {
return null;
},
getMountNode: function getMountNode() {
return this._overlayTarget;
},
getOverlayDOMNode: function getOverlayDOMNode() {
if (!this.isMounted()) {
throw new Error('getOverlayDOMNode(): A component must be mounted to have a DOM node.');
}
if (this._overlayInstance) {
return _reactDom2.default.findDOMNode(this._overlayInstance);
}
return null;
}
});
exports.default = Portal;
module.exports = exports['default'];
/***/ },
/* 196 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = getContainer;
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function getContainer(container, defaultContainer) {
container = typeof container === 'function' ? container() : container;
return _reactDom2.default.findDOMNode(container) || defaultContainer;
}
module.exports = exports['default'];
/***/ },
/* 197 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _style = __webpack_require__(125);
var _style2 = _interopRequireDefault(_style);
var _class = __webpack_require__(198);
var _class2 = _interopRequireDefault(_class);
var _scrollbarSize = __webpack_require__(192);
var _scrollbarSize2 = _interopRequireDefault(_scrollbarSize);
var _isOverflowing = __webpack_require__(202);
var _isOverflowing2 = _interopRequireDefault(_isOverflowing);
var _manageAriaHidden = __webpack_require__(204);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function findIndexOf(arr, cb) {
var idx = -1;
arr.some(function (d, i) {
if (cb(d, i)) {
idx = i;
return true;
}
});
return idx;
}
function findContainer(data, modal) {
return findIndexOf(data, function (d) {
return d.modals.indexOf(modal) !== -1;
});
}
function setContainerStyle(state, container) {
var style = { overflow: 'hidden' };
// we are only interested in the actual `style` here
// becasue we will override it
state.style = {
overflow: container.style.overflow,
paddingRight: container.style.paddingRight
};
if (state.overflowing) {
// use computed style, here to get the real padding
// to add our scrollbar width
style.paddingRight = parseInt((0, _style2.default)(container, 'paddingRight') || 0, 10) + (0, _scrollbarSize2.default)() + 'px';
}
(0, _style2.default)(container, style);
}
function removeContainerStyle(_ref, container) {
var style = _ref.style;
Object.keys(style).forEach(function (key) {
return container.style[key] = style[key];
});
}
/**
* Proper state managment for containers and the modals in those containers.
*
* @internal Used by the Modal to ensure proper styling of containers.
*/
var ModalManager = function () {
function ModalManager() {
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var _ref2$hideSiblingNode = _ref2.hideSiblingNodes;
var hideSiblingNodes = _ref2$hideSiblingNode === undefined ? true : _ref2$hideSiblingNode;
var _ref2$handleContainer = _ref2.handleContainerOverflow;
var handleContainerOverflow = _ref2$handleContainer === undefined ? true : _ref2$handleContainer;
_classCallCheck(this, ModalManager);
this.hideSiblingNodes = hideSiblingNodes;
this.handleContainerOverflow = handleContainerOverflow;
this.modals = [];
this.containers = [];
this.data = [];
}
_createClass(ModalManager, [{
key: 'add',
value: function add(modal, container, className) {
var modalIdx = this.modals.indexOf(modal);
var containerIdx = this.containers.indexOf(container);
if (modalIdx !== -1) {
return modalIdx;
}
modalIdx = this.modals.length;
this.modals.push(modal);
if (this.hideSiblingNodes) {
(0, _manageAriaHidden.hideSiblings)(container, modal.mountNode);
}
if (containerIdx !== -1) {
this.data[containerIdx].modals.push(modal);
return modalIdx;
}
var data = {
modals: [modal],
//right now only the first modal of a container will have its classes applied
classes: className ? className.split(/\s+/) : [],
overflowing: (0, _isOverflowing2.default)(container)
};
if (this.handleContainerOverflow) {
setContainerStyle(data, container);
}
data.classes.forEach(_class2.default.addClass.bind(null, container));
this.containers.push(container);
this.data.push(data);
return modalIdx;
}
}, {
key: 'remove',
value: function remove(modal) {
var modalIdx = this.modals.indexOf(modal);
if (modalIdx === -1) {
return;
}
var containerIdx = findContainer(this.data, modal);
var data = this.data[containerIdx];
var container = this.containers[containerIdx];
data.modals.splice(data.modals.indexOf(modal), 1);
this.modals.splice(modalIdx, 1);
// if that was the last modal in a container,
// clean up the container
if (data.modals.length === 0) {
data.classes.forEach(_class2.default.removeClass.bind(null, container));
if (this.handleContainerOverflow) {
removeContainerStyle(data, container);
}
if (this.hideSiblingNodes) {
(0, _manageAriaHidden.showSiblings)(container, modal.mountNode);
}
this.containers.splice(containerIdx, 1);
this.data.splice(containerIdx, 1);
} else if (this.hideSiblingNodes) {
//otherwise make sure the next top modal is visible to a SR
(0, _manageAriaHidden.ariaHidden)(false, data.modals[data.modals.length - 1].mountNode);
}
}
}, {
key: 'isTopModal',
value: function isTopModal(modal) {
return !!this.modals.length && this.modals[this.modals.length - 1] === modal;
}
}]);
return ModalManager;
}();
exports.default = ModalManager;
module.exports = exports['default'];
/***/ },
/* 198 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
module.exports = {
addClass: __webpack_require__(199),
removeClass: __webpack_require__(201),
hasClass: __webpack_require__(200)
};
/***/ },
/* 199 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var hasClass = __webpack_require__(200);
module.exports = function addClass(element, className) {
if (element.classList) element.classList.add(className);else if (!hasClass(element)) element.className = element.className + ' ' + className;
};
/***/ },
/* 200 */
/***/ function(module, exports) {
'use strict';
module.exports = function hasClass(element, className) {
if (element.classList) return !!className && element.classList.contains(className);else return (' ' + element.className + ' ').indexOf(' ' + className + ' ') !== -1;
};
/***/ },
/* 201 */
/***/ function(module, exports) {
'use strict';
module.exports = function removeClass(element, className) {
if (element.classList) element.classList.remove(className);else element.className = element.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)', 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
};
/***/ },
/* 202 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = isOverflowing;
var _isWindow = __webpack_require__(203);
var _isWindow2 = _interopRequireDefault(_isWindow);
var _ownerDocument = __webpack_require__(139);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function isBody(node) {
return node && node.tagName.toLowerCase() === 'body';
}
function bodyIsOverflowing(node) {
var doc = (0, _ownerDocument2.default)(node);
var win = (0, _isWindow2.default)(doc);
var fullWidth = win.innerWidth;
// Support: ie8, no innerWidth
if (!fullWidth) {
var documentElementRect = doc.documentElement.getBoundingClientRect();
fullWidth = documentElementRect.right - Math.abs(documentElementRect.left);
}
return doc.body.clientWidth < fullWidth;
}
function isOverflowing(container) {
var win = (0, _isWindow2.default)(container);
return win || isBody(container) ? bodyIsOverflowing(container) : container.scrollHeight > container.clientHeight;
}
module.exports = exports['default'];
/***/ },
/* 203 */
/***/ function(module, exports) {
'use strict';
module.exports = function getWindow(node) {
return node === node.window ? node : node.nodeType === 9 ? node.defaultView || node.parentWindow : false;
};
/***/ },
/* 204 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ariaHidden = ariaHidden;
exports.hideSiblings = hideSiblings;
exports.showSiblings = showSiblings;
var BLACKLIST = ['template', 'script', 'style'];
var isHidable = function isHidable(_ref) {
var nodeType = _ref.nodeType;
var tagName = _ref.tagName;
return nodeType === 1 && BLACKLIST.indexOf(tagName.toLowerCase()) === -1;
};
var siblings = function siblings(container, mount, cb) {
mount = [].concat(mount);
[].forEach.call(container.children, function (node) {
if (mount.indexOf(node) === -1 && isHidable(node)) {
cb(node);
}
});
};
function ariaHidden(show, node) {
if (!node) {
return;
}
if (show) {
node.setAttribute('aria-hidden', 'true');
} else {
node.removeAttribute('aria-hidden');
}
}
function hideSiblings(container, mountNode) {
siblings(container, mountNode, function (node) {
return ariaHidden(true, node);
});
}
function showSiblings(container, mountNode) {
siblings(container, mountNode, function (node) {
return ariaHidden(false, node);
});
}
/***/ },
/* 205 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = addFocusListener;
/**
* Firefox doesn't have a focusin event so using capture is easiest way to get bubbling
* IE8 can't do addEventListener, but does have onfocusin, so we use that in ie8
*
* We only allow one Listener at a time to avoid stack overflows
*/
function addFocusListener(handler) {
var useFocusin = !document.addEventListener;
var remove = void 0;
if (useFocusin) {
document.attachEvent('onfocusin', handler);
remove = function remove() {
return document.detachEvent('onfocusin', handler);
};
} else {
document.addEventListener('focus', handler, true);
remove = function remove() {
return document.removeEventListener('focus', handler, true);
};
}
return { remove: remove };
}
module.exports = exports['default'];
/***/ },
/* 206 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ModalBody = function (_React$Component) {
(0, _inherits3['default'])(ModalBody, _React$Component);
function ModalBody() {
(0, _classCallCheck3['default'])(this, ModalBody);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ModalBody.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return ModalBody;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('modal-body', ModalBody);
module.exports = exports['default'];
/***/ },
/* 207 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* A css class to apply to the Modal dialog DOM node.
*/
dialogClassName: _react2['default'].PropTypes.string
};
var ModalDialog = function (_React$Component) {
(0, _inherits3['default'])(ModalDialog, _React$Component);
function ModalDialog() {
(0, _classCallCheck3['default'])(this, ModalDialog);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ModalDialog.prototype.render = function render() {
var _extends2;
var _props = this.props;
var dialogClassName = _props.dialogClassName;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['dialogClassName', 'className', 'style', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var bsClassName = (0, _bootstrapUtils.prefix)(bsProps);
var modalStyle = (0, _extends4['default'])({ display: 'block' }, style);
var dialogClasses = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[bsClassName] = false, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'dialog')] = true, _extends2));
return _react2['default'].createElement(
'div',
(0, _extends4['default'])({}, elementProps, {
tabIndex: '-1',
role: 'dialog',
style: modalStyle,
className: (0, _classnames2['default'])(className, bsClassName)
}),
_react2['default'].createElement(
'div',
{ className: (0, _classnames2['default'])(dialogClassName, dialogClasses) },
_react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'content'), role: 'document' },
children
)
)
);
};
return ModalDialog;
}(_react2['default'].Component);
ModalDialog.propTypes = propTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('modal', (0, _bootstrapUtils.bsSizes)([_StyleConfig.Size.LARGE, _StyleConfig.Size.SMALL], ModalDialog));
module.exports = exports['default'];
/***/ },
/* 208 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ModalFooter = function (_React$Component) {
(0, _inherits3['default'])(ModalFooter, _React$Component);
function ModalFooter() {
(0, _classCallCheck3['default'])(this, ModalFooter);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ModalFooter.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return ModalFooter;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('modal-footer', ModalFooter);
module.exports = exports['default'];
/***/ },
/* 209 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: `aria-label` should be `closeLabel`.
var propTypes = {
/**
* The 'aria-label' attribute provides an accessible label for the close
* button. It is used for Assistive Technology when the label text is not
* readable.
*/
'aria-label': _react2['default'].PropTypes.string,
/**
* Specify whether the Component should contain a close button
*/
closeButton: _react2['default'].PropTypes.bool,
/**
* A Callback fired when the close button is clicked. If used directly inside
* a Modal component, the onHide will automatically be propagated up to the
* parent Modal `onHide`.
*/
onHide: _react2['default'].PropTypes.func
};
var defaultProps = {
'aria-label': 'Close',
closeButton: false
};
var contextTypes = {
$bs_modal: _react2['default'].PropTypes.shape({
onHide: _react2['default'].PropTypes.func
})
};
var ModalHeader = function (_React$Component) {
(0, _inherits3['default'])(ModalHeader, _React$Component);
function ModalHeader() {
(0, _classCallCheck3['default'])(this, ModalHeader);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ModalHeader.prototype.render = function render() {
var _props = this.props;
var label = _props['aria-label'];
var closeButton = _props.closeButton;
var onHide = _props.onHide;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['aria-label', 'closeButton', 'onHide', 'className', 'children']);
var modal = this.context.$bs_modal;
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
closeButton && _react2['default'].createElement(
'button',
{
type: 'button',
className: 'close',
'aria-label': label,
onClick: (0, _createChainedFunction2['default'])(modal.onHide, onHide)
},
_react2['default'].createElement(
'span',
{ 'aria-hidden': 'true' },
'\xD7'
)
),
children
);
};
return ModalHeader;
}(_react2['default'].Component);
ModalHeader.propTypes = propTypes;
ModalHeader.defaultProps = defaultProps;
ModalHeader.contextTypes = contextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('modal-header', ModalHeader);
module.exports = exports['default'];
/***/ },
/* 210 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ModalTitle = function (_React$Component) {
(0, _inherits3['default'])(ModalTitle, _React$Component);
function ModalTitle() {
(0, _classCallCheck3['default'])(this, ModalTitle);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ModalTitle.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('h4', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return ModalTitle;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('modal-title', ModalTitle);
module.exports = exports['default'];
/***/ },
/* 211 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _keycode = __webpack_require__(141);
var _keycode2 = _interopRequireDefault(_keycode);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _all = __webpack_require__(110);
var _all2 = _interopRequireDefault(_all);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: Should we expose `<NavItem>` as `<Nav.Item>`?
// TODO: This `bsStyle` is very unlike the others. Should we rename it?
// TODO: `pullRight` and `pullLeft` don't render right outside of `navbar`.
// Consider renaming or replacing them.
var propTypes = {
/**
* Marks the NavItem with a matching `eventKey` as active. Has a
* higher precedence over `activeHref`.
*/
activeKey: _react2['default'].PropTypes.any,
/**
* Marks the child NavItem with a matching `href` prop as active.
*/
activeHref: _react2['default'].PropTypes.string,
/**
* NavItems are be positioned vertically.
*/
stacked: _react2['default'].PropTypes.bool,
justified: (0, _all2['default'])(_react2['default'].PropTypes.bool, function (_ref) {
var justified = _ref.justified;
var navbar = _ref.navbar;
return justified && navbar ? Error('justified navbar `Nav`s are not supported') : null;
}),
/**
* A callback fired when a NavItem is selected.
*
* ```js
* function (
* Any eventKey,
* SyntheticEvent event?
* )
* ```
*/
onSelect: _react2['default'].PropTypes.func,
/**
* ARIA role for the Nav, in the context of a TabContainer, the default will
* be set to "tablist", but can be overridden by the Nav when set explicitly.
*
* When the role is set to "tablist" NavItem focus is managed according to
* the ARIA authoring practices for tabs:
* https://www.w3.org/TR/2013/WD-wai-aria-practices-20130307/#tabpanel
*/
role: _react2['default'].PropTypes.string,
/**
* Apply styling an alignment for use in a Navbar. This prop will be set
* automatically when the Nav is used inside a Navbar.
*/
navbar: _react2['default'].PropTypes.bool,
/**
* Float the Nav to the right. When `navbar` is `true` the appropriate
* contextual classes are added as well.
*/
pullRight: _react2['default'].PropTypes.bool,
/**
* Float the Nav to the left. When `navbar` is `true` the appropriate
* contextual classes are added as well.
*/
pullLeft: _react2['default'].PropTypes.bool
};
var defaultProps = {
justified: false,
pullRight: false,
pullLeft: false,
stacked: false
};
var contextTypes = {
$bs_navbar: _react2['default'].PropTypes.shape({
bsClass: _react2['default'].PropTypes.string,
onSelect: _react2['default'].PropTypes.func
}),
$bs_tabContainer: _react2['default'].PropTypes.shape({
activeKey: _react2['default'].PropTypes.any,
onSelect: _react2['default'].PropTypes.func.isRequired,
getTabId: _react2['default'].PropTypes.func.isRequired,
getPaneId: _react2['default'].PropTypes.func.isRequired
})
};
var Nav = function (_React$Component) {
(0, _inherits3['default'])(Nav, _React$Component);
function Nav() {
(0, _classCallCheck3['default'])(this, Nav);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Nav.prototype.componentDidUpdate = function componentDidUpdate() {
var _this2 = this;
if (!this._needsRefocus) {
return;
}
this._needsRefocus = false;
var children = this.props.children;
var _getActiveProps = this.getActiveProps();
var activeKey = _getActiveProps.activeKey;
var activeHref = _getActiveProps.activeHref;
var activeChild = _ValidComponentChildren2['default'].find(children, function (child) {
return _this2.isActive(child, activeKey, activeHref);
});
var childrenArray = _ValidComponentChildren2['default'].toArray(children);
var activeChildIndex = childrenArray.indexOf(activeChild);
var childNodes = _reactDom2['default'].findDOMNode(this).children;
var activeNode = childNodes && childNodes[activeChildIndex];
if (!activeNode || !activeNode.firstChild) {
return;
}
activeNode.firstChild.focus();
};
Nav.prototype.handleTabKeyDown = function handleTabKeyDown(onSelect, event) {
var nextActiveChild = void 0;
switch (event.keyCode) {
case _keycode2['default'].codes.left:
case _keycode2['default'].codes.up:
nextActiveChild = this.getNextActiveChild(-1);
break;
case _keycode2['default'].codes.right:
case _keycode2['default'].codes.down:
nextActiveChild = this.getNextActiveChild(1);
break;
default:
// It was a different key; don't handle this keypress.
return;
}
event.preventDefault();
if (onSelect && nextActiveChild && nextActiveChild.props.eventKey) {
onSelect(nextActiveChild.props.eventKey);
}
this._needsRefocus = true;
};
Nav.prototype.getNextActiveChild = function getNextActiveChild(offset) {
var _this3 = this;
var children = this.props.children;
var validChildren = children.filter(function (child) {
return child.props.eventKey && !child.props.disabled;
});
var _getActiveProps2 = this.getActiveProps();
var activeKey = _getActiveProps2.activeKey;
var activeHref = _getActiveProps2.activeHref;
var activeChild = _ValidComponentChildren2['default'].find(children, function (child) {
return _this3.isActive(child, activeKey, activeHref);
});
// This assumes the active child is not disabled.
var activeChildIndex = validChildren.indexOf(activeChild);
if (activeChildIndex === -1) {
// Something has gone wrong. Select the first valid child we can find.
return validChildren[0];
}
var nextIndex = activeChildIndex + offset;
var numValidChildren = validChildren.length;
if (nextIndex >= numValidChildren) {
nextIndex = 0;
} else if (nextIndex < 0) {
nextIndex = numValidChildren - 1;
}
return validChildren[nextIndex];
};
Nav.prototype.getActiveProps = function getActiveProps() {
var tabContainer = this.context.$bs_tabContainer;
if (tabContainer) {
true ? (0, _warning2['default'])(this.props.activeKey == null && !this.props.activeHref, 'Specifying a `<Nav>` `activeKey` or `activeHref` in the context of ' + 'a `<TabContainer>` is not supported. Instead use `<TabContainer ' + ('activeKey={' + this.props.activeKey + '} />`.')) : void 0;
return tabContainer;
}
return this.props;
};
Nav.prototype.isActive = function isActive(_ref2, activeKey, activeHref) {
var props = _ref2.props;
if (props.active || activeKey != null && props.eventKey === activeKey || activeHref && props.href === activeHref) {
return true;
}
return props.active;
};
Nav.prototype.getTabProps = function getTabProps(child, tabContainer, navRole, active, onSelect) {
var _this4 = this;
if (!tabContainer && navRole !== 'tablist') {
// No tab props here.
return null;
}
var _child$props = child.props;
var id = _child$props.id;
var controls = _child$props['aria-controls'];
var eventKey = _child$props.eventKey;
var role = _child$props.role;
var onKeyDown = _child$props.onKeyDown;
var tabIndex = _child$props.tabIndex;
if (tabContainer) {
true ? (0, _warning2['default'])(!id && !controls, 'In the context of a `<TabContainer>`, `<NavItem>`s are given ' + 'generated `id` and `aria-controls` attributes for the sake of ' + 'proper component accessibility. Any provided ones will be ignored. ' + 'To control these attributes directly, provide a `generateChildId` ' + 'prop to the parent `<TabContainer>`.') : void 0;
id = tabContainer.getTabId(eventKey);
controls = tabContainer.getPaneId(eventKey);
}
if (navRole === 'tablist') {
role = role || 'tab';
onKeyDown = (0, _createChainedFunction2['default'])(function (event) {
return _this4.handleTabKeyDown(onSelect, event);
}, onKeyDown);
tabIndex = active ? tabIndex : -1;
}
return {
id: id,
role: role,
onKeyDown: onKeyDown,
'aria-controls': controls,
tabIndex: tabIndex
};
};
Nav.prototype.render = function render() {
var _extends2,
_this5 = this;
var _props = this.props;
var stacked = _props.stacked;
var justified = _props.justified;
var onSelect = _props.onSelect;
var propsRole = _props.role;
var propsNavbar = _props.navbar;
var pullRight = _props.pullRight;
var pullLeft = _props.pullLeft;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['stacked', 'justified', 'onSelect', 'role', 'navbar', 'pullRight', 'pullLeft', 'className', 'children']);
var tabContainer = this.context.$bs_tabContainer;
var role = propsRole || (tabContainer ? 'tablist' : null);
var _getActiveProps3 = this.getActiveProps();
var activeKey = _getActiveProps3.activeKey;
var activeHref = _getActiveProps3.activeHref;
delete props.activeKey; // Accessed via this.getActiveProps().
delete props.activeHref; // Accessed via this.getActiveProps().
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'stacked')] = stacked, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'justified')] = justified, _extends2));
var navbar = propsNavbar != null ? propsNavbar : this.context.$bs_navbar;
var pullLeftClassName = void 0;
var pullRightClassName = void 0;
if (navbar) {
var navbarProps = this.context.$bs_navbar || { bsClass: 'navbar' };
classes[(0, _bootstrapUtils.prefix)(navbarProps, 'nav')] = true;
pullRightClassName = (0, _bootstrapUtils.prefix)(navbarProps, 'right');
pullLeftClassName = (0, _bootstrapUtils.prefix)(navbarProps, 'left');
} else {
pullRightClassName = 'pull-right';
pullLeftClassName = 'pull-left';
}
classes[pullRightClassName] = pullRight;
classes[pullLeftClassName] = pullLeft;
return _react2['default'].createElement(
'ul',
(0, _extends4['default'])({}, elementProps, {
role: role,
className: (0, _classnames2['default'])(className, classes)
}),
_ValidComponentChildren2['default'].map(children, function (child) {
var active = _this5.isActive(child, activeKey, activeHref);
var childOnSelect = (0, _createChainedFunction2['default'])(child.props.onSelect, onSelect, navbar && navbar.onSelect, tabContainer && tabContainer.onSelect);
return (0, _react.cloneElement)(child, (0, _extends4['default'])({}, _this5.getTabProps(child, tabContainer, role, active, childOnSelect), {
active: active,
activeKey: activeKey,
activeHref: activeHref,
onSelect: childOnSelect
}));
})
);
};
return Nav;
}(_react2['default'].Component);
Nav.propTypes = propTypes;
Nav.defaultProps = defaultProps;
Nav.contextTypes = contextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('nav', (0, _bootstrapUtils.bsStyles)(['tabs', 'pills'], Nav));
module.exports = exports['default'];
/***/ },
/* 212 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _uncontrollable = __webpack_require__(143);
var _uncontrollable2 = _interopRequireDefault(_uncontrollable);
var _Grid = __webpack_require__(170);
var _Grid2 = _interopRequireDefault(_Grid);
var _NavbarBrand = __webpack_require__(213);
var _NavbarBrand2 = _interopRequireDefault(_NavbarBrand);
var _NavbarCollapse = __webpack_require__(214);
var _NavbarCollapse2 = _interopRequireDefault(_NavbarCollapse);
var _NavbarHeader = __webpack_require__(215);
var _NavbarHeader2 = _interopRequireDefault(_NavbarHeader);
var _NavbarToggle = __webpack_require__(216);
var _NavbarToggle2 = _interopRequireDefault(_NavbarToggle);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Create a fixed navbar along the top of the screen, that scrolls with the
* page
*/
fixedTop: _react2['default'].PropTypes.bool,
/**
* Create a fixed navbar along the bottom of the screen, that scrolls with
* the page
*/
fixedBottom: _react2['default'].PropTypes.bool,
/**
* Create a full-width navbar that scrolls away with the page
*/
staticTop: _react2['default'].PropTypes.bool,
/**
* An alternative dark visual style for the Navbar
*/
inverse: _react2['default'].PropTypes.bool,
/**
* Allow the Navbar to fluidly adjust to the page or container width, instead
* of at the predefined screen breakpoints
*/
fluid: _react2['default'].PropTypes.bool,
/**
* Set a custom element for this component.
*/
componentClass: _elementType2['default'],
/**
* A callback fired when the `<Navbar>` body collapses or expands. Fired when
* a `<Navbar.Toggle>` is clicked and called with the new `navExpanded`
* boolean value.
*
* @controllable navExpanded
*/
onToggle: _react2['default'].PropTypes.func,
/**
* A callback fired when a `<NavItem>` grandchild is selected inside a child
* `<Nav>`. Should be used to execute complex toggling or other miscellaneous
* actions desired after selecting a `<NavItem>`. The callback is called with
* an eventKey, which is a prop from the `<NavItem>`, and an event.
* ```js
* function (
* Any eventKey,
* SyntheticEvent event?
* )
* ```
* For basic toggling after all `<NavItem>` select events, try using
* toggleOnSelect. Note: When onSelect is set, toggleOnSelect will do nothing.
*/
onSelect: _react2['default'].PropTypes.func,
/**
* Fires the onToggle callback whenever a <NavItem> inside the child <Nav> is
* selected. Does nothing if an onSelect callback is provided to `<Navbar>` or
* if no `<Nav>` & `<NavItem>` children exist.
*
* The onSelect callback should be used instead for more complex operations
* desired for after `<NavItem>` select events.
*/
toggleOnSelect: _react2['default'].PropTypes.bool,
/**
* Explicitly set the visiblity of the navbar body
*
* @controllable onToggle
*/
expanded: _react2['default'].PropTypes.bool,
role: _react2['default'].PropTypes.string
}; // TODO: Remove this pragma once we upgrade eslint-config-airbnb.
/* eslint-disable react/no-multi-comp */
var defaultProps = {
componentClass: 'nav',
fixedTop: false,
fixedBottom: false,
staticTop: false,
inverse: false,
fluid: false,
toggleOnSelect: false
};
var childContextTypes = {
$bs_navbar: _react.PropTypes.shape({
bsClass: _react.PropTypes.string,
expanded: _react.PropTypes.bool,
onToggle: _react.PropTypes.func.isRequired,
onSelect: _react.PropTypes.func
})
};
var Navbar = function (_React$Component) {
(0, _inherits3['default'])(Navbar, _React$Component);
function Navbar(props, context) {
(0, _classCallCheck3['default'])(this, Navbar);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleToggle = _this.handleToggle.bind(_this);
_this.handleSelect = _this.handleSelect.bind(_this);
return _this;
}
Navbar.prototype.getChildContext = function getChildContext() {
var _props = this.props;
var bsClass = _props.bsClass;
var expanded = _props.expanded;
return {
$bs_navbar: {
bsClass: bsClass,
expanded: expanded,
onToggle: this.handleToggle,
onSelect: this.handleSelect
}
};
};
Navbar.prototype.handleToggle = function handleToggle() {
var _props2 = this.props;
var onToggle = _props2.onToggle;
var expanded = _props2.expanded;
onToggle(!expanded);
};
Navbar.prototype.handleSelect = function handleSelect(eventKey, syntheticEvent) {
var _props3 = this.props;
var onSelect = _props3.onSelect;
var toggleOnSelect = _props3.toggleOnSelect;
if (onSelect) {
onSelect(eventKey, syntheticEvent);
} else if (toggleOnSelect) {
this.handleToggle();
}
};
Navbar.prototype.render = function render() {
var _extends2;
var _props4 = this.props;
var Component = _props4.componentClass;
var fixedTop = _props4.fixedTop;
var fixedBottom = _props4.fixedBottom;
var staticTop = _props4.staticTop;
var inverse = _props4.inverse;
var fluid = _props4.fluid;
var className = _props4.className;
var children = _props4.children;
var props = (0, _objectWithoutProperties3['default'])(_props4, ['componentClass', 'fixedTop', 'fixedBottom', 'staticTop', 'inverse', 'fluid', 'className', 'children']);
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['expanded', 'onToggle', 'onSelect', 'toggleOnSelect']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
// will result in some false positives but that seems better
// than false negatives. strict `undefined` check allows explicit
// "nulling" of the role if the user really doesn't want one
if (elementProps.role === undefined && Component !== 'nav') {
elementProps.role = 'navigation';
}
if (inverse) {
bsProps.bsStyle = _StyleConfig.Style.INVERSE;
}
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'fixed-top')] = fixedTop, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'fixed-bottom')] = fixedBottom, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'static-top')] = staticTop, _extends2));
return _react2['default'].createElement(
Component,
(0, _extends4['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
_react2['default'].createElement(
_Grid2['default'],
{ fluid: fluid },
children
)
);
};
return Navbar;
}(_react2['default'].Component);
Navbar.propTypes = propTypes;
Navbar.defaultProps = defaultProps;
Navbar.childContextTypes = childContextTypes;
(0, _bootstrapUtils.bsClass)('navbar', Navbar);
var UncontrollableNavbar = (0, _uncontrollable2['default'])(Navbar, { expanded: 'onToggle' });
function createSimpleWrapper(tag, suffix, displayName) {
var Wrapper = function Wrapper(_ref, _ref2) {
var Component = _ref.componentClass;
var className = _ref.className;
var pullRight = _ref.pullRight;
var pullLeft = _ref.pullLeft;
var props = (0, _objectWithoutProperties3['default'])(_ref, ['componentClass', 'className', 'pullRight', 'pullLeft']);
var _ref2$$bs_navbar = _ref2.$bs_navbar;
var navbarProps = _ref2$$bs_navbar === undefined ? { bsClass: 'navbar' } : _ref2$$bs_navbar;
return _react2['default'].createElement(Component, (0, _extends4['default'])({}, props, {
className: (0, _classnames2['default'])(className, (0, _bootstrapUtils.prefix)(navbarProps, suffix), pullRight && (0, _bootstrapUtils.prefix)(navbarProps, 'right'), pullLeft && (0, _bootstrapUtils.prefix)(navbarProps, 'left'))
}));
};
Wrapper.displayName = displayName;
Wrapper.propTypes = {
componentClass: _elementType2['default'],
pullRight: _react2['default'].PropTypes.bool,
pullLeft: _react2['default'].PropTypes.bool
};
Wrapper.defaultProps = {
componentClass: tag,
pullRight: false,
pullLeft: false
};
Wrapper.contextTypes = {
$bs_navbar: _react.PropTypes.shape({
bsClass: _react.PropTypes.string
})
};
return Wrapper;
}
UncontrollableNavbar.Brand = _NavbarBrand2['default'];
UncontrollableNavbar.Header = _NavbarHeader2['default'];
UncontrollableNavbar.Toggle = _NavbarToggle2['default'];
UncontrollableNavbar.Collapse = _NavbarCollapse2['default'];
UncontrollableNavbar.Form = createSimpleWrapper('div', 'form', 'NavbarForm');
UncontrollableNavbar.Text = createSimpleWrapper('p', 'text', 'NavbarText');
UncontrollableNavbar.Link = createSimpleWrapper('a', 'link', 'NavbarLink');
// Set bsStyles here so they can be overridden.
exports['default'] = (0, _bootstrapUtils.bsStyles)([_StyleConfig.Style.DEFAULT, _StyleConfig.Style.INVERSE], _StyleConfig.Style.DEFAULT, UncontrollableNavbar);
module.exports = exports['default'];
/***/ },
/* 213 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var contextTypes = {
$bs_navbar: _react2['default'].PropTypes.shape({
bsClass: _react2['default'].PropTypes.string
})
};
var NavbarBrand = function (_React$Component) {
(0, _inherits3['default'])(NavbarBrand, _React$Component);
function NavbarBrand() {
(0, _classCallCheck3['default'])(this, NavbarBrand);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
NavbarBrand.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className', 'children']);
var navbarProps = this.context.$bs_navbar || { bsClass: 'navbar' };
var bsClassName = (0, _bootstrapUtils.prefix)(navbarProps, 'brand');
if (_react2['default'].isValidElement(children)) {
return _react2['default'].cloneElement(children, {
className: (0, _classnames2['default'])(children.props.className, className, bsClassName)
});
}
return _react2['default'].createElement(
'span',
(0, _extends3['default'])({}, props, { className: (0, _classnames2['default'])(className, bsClassName) }),
children
);
};
return NavbarBrand;
}(_react2['default'].Component);
NavbarBrand.contextTypes = contextTypes;
exports['default'] = NavbarBrand;
module.exports = exports['default'];
/***/ },
/* 214 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Collapse = __webpack_require__(124);
var _Collapse2 = _interopRequireDefault(_Collapse);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var contextTypes = {
$bs_navbar: _react.PropTypes.shape({
bsClass: _react.PropTypes.string,
expanded: _react.PropTypes.bool
})
};
var NavbarCollapse = function (_React$Component) {
(0, _inherits3['default'])(NavbarCollapse, _React$Component);
function NavbarCollapse() {
(0, _classCallCheck3['default'])(this, NavbarCollapse);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
NavbarCollapse.prototype.render = function render() {
var _props = this.props;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['children']);
var navbarProps = this.context.$bs_navbar || { bsClass: 'navbar' };
var bsClassName = (0, _bootstrapUtils.prefix)(navbarProps, 'collapse');
return _react2['default'].createElement(
_Collapse2['default'],
(0, _extends3['default'])({ 'in': navbarProps.expanded }, props),
_react2['default'].createElement(
'div',
{ className: bsClassName },
children
)
);
};
return NavbarCollapse;
}(_react2['default'].Component);
NavbarCollapse.contextTypes = contextTypes;
exports['default'] = NavbarCollapse;
module.exports = exports['default'];
/***/ },
/* 215 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var contextTypes = {
$bs_navbar: _react2['default'].PropTypes.shape({
bsClass: _react2['default'].PropTypes.string
})
};
var NavbarHeader = function (_React$Component) {
(0, _inherits3['default'])(NavbarHeader, _React$Component);
function NavbarHeader() {
(0, _classCallCheck3['default'])(this, NavbarHeader);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
NavbarHeader.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var navbarProps = this.context.$bs_navbar || { bsClass: 'navbar' };
var bsClassName = (0, _bootstrapUtils.prefix)(navbarProps, 'header');
return _react2['default'].createElement('div', (0, _extends3['default'])({}, props, { className: (0, _classnames2['default'])(className, bsClassName) }));
};
return NavbarHeader;
}(_react2['default'].Component);
NavbarHeader.contextTypes = contextTypes;
exports['default'] = NavbarHeader;
module.exports = exports['default'];
/***/ },
/* 216 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
onClick: _react.PropTypes.func,
/**
* The toggle content, if left empty it will render the default toggle (seen above).
*/
children: _react.PropTypes.node
};
var contextTypes = {
$bs_navbar: _react.PropTypes.shape({
bsClass: _react.PropTypes.string,
expanded: _react.PropTypes.bool,
onToggle: _react.PropTypes.func.isRequired
})
};
var NavbarToggle = function (_React$Component) {
(0, _inherits3['default'])(NavbarToggle, _React$Component);
function NavbarToggle() {
(0, _classCallCheck3['default'])(this, NavbarToggle);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
NavbarToggle.prototype.render = function render() {
var _props = this.props;
var onClick = _props.onClick;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['onClick', 'className', 'children']);
var navbarProps = this.context.$bs_navbar || { bsClass: 'navbar' };
var buttonProps = (0, _extends3['default'])({
type: 'button'
}, props, {
onClick: (0, _createChainedFunction2['default'])(onClick, navbarProps.onToggle),
className: (0, _classnames2['default'])(className, (0, _bootstrapUtils.prefix)(navbarProps, 'toggle'), !navbarProps.expanded && 'collapsed')
});
if (children) {
return _react2['default'].createElement(
'button',
buttonProps,
children
);
}
return _react2['default'].createElement(
'button',
buttonProps,
_react2['default'].createElement(
'span',
{ className: 'sr-only' },
'Toggle navigation'
),
_react2['default'].createElement('span', { className: 'icon-bar' }),
_react2['default'].createElement('span', { className: 'icon-bar' }),
_react2['default'].createElement('span', { className: 'icon-bar' })
);
};
return NavbarToggle;
}(_react2['default'].Component);
NavbarToggle.propTypes = propTypes;
NavbarToggle.contextTypes = contextTypes;
exports['default'] = NavbarToggle;
module.exports = exports['default'];
/***/ },
/* 217 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Dropdown = __webpack_require__(137);
var _Dropdown2 = _interopRequireDefault(_Dropdown);
var _splitComponentProps2 = __webpack_require__(163);
var _splitComponentProps3 = _interopRequireDefault(_splitComponentProps2);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = (0, _extends3['default'])({}, _Dropdown2['default'].propTypes, {
// Toggle props.
title: _react2['default'].PropTypes.node.isRequired,
noCaret: _react2['default'].PropTypes.bool,
active: _react2['default'].PropTypes.bool,
// Override generated docs from <Dropdown>.
/**
* @private
*/
children: _react2['default'].PropTypes.node
});
var NavDropdown = function (_React$Component) {
(0, _inherits3['default'])(NavDropdown, _React$Component);
function NavDropdown() {
(0, _classCallCheck3['default'])(this, NavDropdown);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
NavDropdown.prototype.isActive = function isActive(_ref, activeKey, activeHref) {
var props = _ref.props;
var _this2 = this;
if (props.active || activeKey != null && props.eventKey === activeKey || activeHref && props.href === activeHref) {
return true;
}
if (_ValidComponentChildren2['default'].some(props.children, function (child) {
return _this2.isActive(child, activeKey, activeHref);
})) {
return true;
}
return props.active;
};
NavDropdown.prototype.render = function render() {
var _this3 = this;
var _props = this.props;
var title = _props.title;
var activeKey = _props.activeKey;
var activeHref = _props.activeHref;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['title', 'activeKey', 'activeHref', 'className', 'style', 'children']);
var active = this.isActive(this, activeKey, activeHref);
delete props.active; // Accessed via this.isActive().
delete props.eventKey; // Accessed via this.isActive().
var _splitComponentProps = (0, _splitComponentProps3['default'])(props, _Dropdown2['default'].ControlledComponent);
var dropdownProps = _splitComponentProps[0];
var toggleProps = _splitComponentProps[1];
// Unlike for the other dropdowns, styling needs to go to the `<Dropdown>`
// rather than the `<Dropdown.Toggle>`.
return _react2['default'].createElement(
_Dropdown2['default'],
(0, _extends3['default'])({}, dropdownProps, {
componentClass: 'li',
className: (0, _classnames2['default'])(className, { active: active }),
style: style
}),
_react2['default'].createElement(
_Dropdown2['default'].Toggle,
(0, _extends3['default'])({}, toggleProps, { useAnchor: true }),
title
),
_react2['default'].createElement(
_Dropdown2['default'].Menu,
null,
_ValidComponentChildren2['default'].map(children, function (child) {
return _react2['default'].cloneElement(child, {
active: _this3.isActive(child, activeKey, activeHref)
});
})
)
);
};
return NavDropdown;
}(_react2['default'].Component);
NavDropdown.propTypes = propTypes;
exports['default'] = NavDropdown;
module.exports = exports['default'];
/***/ },
/* 218 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
active: _react2['default'].PropTypes.bool,
disabled: _react2['default'].PropTypes.bool,
role: _react2['default'].PropTypes.string,
href: _react2['default'].PropTypes.string,
onClick: _react2['default'].PropTypes.func,
onSelect: _react2['default'].PropTypes.func,
eventKey: _react2['default'].PropTypes.any
};
var defaultProps = {
active: false,
disabled: false
};
var NavItem = function (_React$Component) {
(0, _inherits3['default'])(NavItem, _React$Component);
function NavItem(props, context) {
(0, _classCallCheck3['default'])(this, NavItem);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
NavItem.prototype.handleClick = function handleClick(e) {
if (this.props.onSelect) {
e.preventDefault();
if (!this.props.disabled) {
this.props.onSelect(this.props.eventKey, e);
}
}
};
NavItem.prototype.render = function render() {
var _props = this.props;
var active = _props.active;
var disabled = _props.disabled;
var onClick = _props.onClick;
var className = _props.className;
var style = _props.style;
var props = (0, _objectWithoutProperties3['default'])(_props, ['active', 'disabled', 'onClick', 'className', 'style']);
delete props.onSelect;
delete props.eventKey;
// These are injected down by `<Nav>` for building `<SubNav>`s.
delete props.activeKey;
delete props.activeHref;
if (!props.role) {
if (props.href === '#') {
props.role = 'button';
}
} else if (props.role === 'tab') {
props['aria-selected'] = active;
}
return _react2['default'].createElement(
'li',
{
role: 'presentation',
className: (0, _classnames2['default'])(className, { active: active, disabled: disabled }),
style: style
},
_react2['default'].createElement(_SafeAnchor2['default'], (0, _extends3['default'])({}, props, {
disabled: disabled,
onClick: (0, _createChainedFunction2['default'])(onClick, this.handleClick)
}))
);
};
return NavItem;
}(_react2['default'].Component);
NavItem.propTypes = propTypes;
NavItem.defaultProps = defaultProps;
exports['default'] = NavItem;
module.exports = exports['default'];
/***/ },
/* 219 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Overlay = __webpack_require__(220);
var _Overlay2 = _interopRequireDefault(_Overlay);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _Fade = __webpack_require__(164);
var _Fade2 = _interopRequireDefault(_Fade);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = (0, _extends3['default'])({}, _Overlay2['default'].propTypes, {
/**
* Set the visibility of the Overlay
*/
show: _react2['default'].PropTypes.bool,
/**
* Specify whether the overlay should trigger onHide when the user clicks outside the overlay
*/
rootClose: _react2['default'].PropTypes.bool,
/**
* A callback invoked by the overlay when it wishes to be hidden. Required if
* `rootClose` is specified.
*/
onHide: _react2['default'].PropTypes.func,
/**
* Use animation
*/
animation: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.bool, _elementType2['default']]),
/**
* Callback fired before the Overlay transitions in
*/
onEnter: _react2['default'].PropTypes.func,
/**
* Callback fired as the Overlay begins to transition in
*/
onEntering: _react2['default'].PropTypes.func,
/**
* Callback fired after the Overlay finishes transitioning in
*/
onEntered: _react2['default'].PropTypes.func,
/**
* Callback fired right before the Overlay transitions out
*/
onExit: _react2['default'].PropTypes.func,
/**
* Callback fired as the Overlay begins to transition out
*/
onExiting: _react2['default'].PropTypes.func,
/**
* Callback fired after the Overlay finishes transitioning out
*/
onExited: _react2['default'].PropTypes.func
});
var defaultProps = {
animation: _Fade2['default'],
rootClose: false,
show: false
};
var Overlay = function (_React$Component) {
(0, _inherits3['default'])(Overlay, _React$Component);
function Overlay() {
(0, _classCallCheck3['default'])(this, Overlay);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Overlay.prototype.render = function render() {
var _props = this.props;
var animation = _props.animation;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['animation', 'children']);
var transition = animation === true ? _Fade2['default'] : animation || null;
var child = void 0;
if (!transition) {
child = (0, _react.cloneElement)(children, {
className: (0, _classnames2['default'])(children.props.className, 'in')
});
} else {
child = children;
}
return _react2['default'].createElement(
_Overlay2['default'],
(0, _extends3['default'])({}, props, {
transition: transition
}),
child
);
};
return Overlay;
}(_react2['default'].Component);
Overlay.propTypes = propTypes;
Overlay.defaultProps = defaultProps;
exports['default'] = Overlay;
module.exports = exports['default'];
/***/ },
/* 220 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Portal = __webpack_require__(195);
var _Portal2 = _interopRequireDefault(_Portal);
var _Position = __webpack_require__(221);
var _Position2 = _interopRequireDefault(_Position);
var _RootCloseWrapper = __webpack_require__(156);
var _RootCloseWrapper2 = _interopRequireDefault(_RootCloseWrapper);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
/**
* Built on top of `<Position/>` and `<Portal/>`, the overlay component is great for custom tooltip overlays.
*/
var Overlay = function (_React$Component) {
_inherits(Overlay, _React$Component);
function Overlay(props, context) {
_classCallCheck(this, Overlay);
var _this = _possibleConstructorReturn(this, (Overlay.__proto__ || Object.getPrototypeOf(Overlay)).call(this, props, context));
_this.state = { exited: !props.show };
_this.onHiddenListener = _this.handleHidden.bind(_this);
return _this;
}
_createClass(Overlay, [{
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (nextProps.show) {
this.setState({ exited: false });
} else if (!nextProps.transition) {
// Otherwise let handleHidden take care of marking exited.
this.setState({ exited: true });
}
}
}, {
key: 'render',
value: function render() {
var _props = this.props;
var container = _props.container;
var containerPadding = _props.containerPadding;
var target = _props.target;
var placement = _props.placement;
var shouldUpdatePosition = _props.shouldUpdatePosition;
var rootClose = _props.rootClose;
var children = _props.children;
var Transition = _props.transition;
var props = _objectWithoutProperties(_props, ['container', 'containerPadding', 'target', 'placement', 'shouldUpdatePosition', 'rootClose', 'children', 'transition']);
// Don't un-render the overlay while it's transitioning out.
var mountOverlay = props.show || Transition && !this.state.exited;
if (!mountOverlay) {
// Don't bother showing anything if we don't have to.
return null;
}
var child = children;
// Position is be inner-most because it adds inline styles into the child,
// which the other wrappers don't forward correctly.
child = _react2.default.createElement(
_Position2.default,
{ container: container, containerPadding: containerPadding, target: target, placement: placement, shouldUpdatePosition: shouldUpdatePosition },
child
);
if (Transition) {
var onExit = props.onExit;
var onExiting = props.onExiting;
var onEnter = props.onEnter;
var onEntering = props.onEntering;
var onEntered = props.onEntered;
// This animates the child node by injecting props, so it must precede
// anything that adds a wrapping div.
child = _react2.default.createElement(
Transition,
{
'in': props.show,
transitionAppear: true,
onExit: onExit,
onExiting: onExiting,
onExited: this.onHiddenListener,
onEnter: onEnter,
onEntering: onEntering,
onEntered: onEntered
},
child
);
}
// This goes after everything else because it adds a wrapping div.
if (rootClose) {
child = _react2.default.createElement(
_RootCloseWrapper2.default,
{ onRootClose: props.onHide },
child
);
}
return _react2.default.createElement(
_Portal2.default,
{ container: container },
child
);
}
}, {
key: 'handleHidden',
value: function handleHidden() {
this.setState({ exited: true });
if (this.props.onExited) {
var _props2;
(_props2 = this.props).onExited.apply(_props2, arguments);
}
}
}]);
return Overlay;
}(_react2.default.Component);
Overlay.propTypes = _extends({}, _Portal2.default.propTypes, _Position2.default.propTypes, {
/**
* Set the visibility of the Overlay
*/
show: _react2.default.PropTypes.bool,
/**
* Specify whether the overlay should trigger `onHide` when the user clicks outside the overlay
*/
rootClose: _react2.default.PropTypes.bool,
/**
* A Callback fired by the Overlay when it wishes to be hidden.
*
* __required__ when `rootClose` is `true`.
*
* @type func
*/
onHide: function onHide(props) {
var propType = _react2.default.PropTypes.func;
if (props.rootClose) {
propType = propType.isRequired;
}
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
return propType.apply(undefined, [props].concat(args));
},
/**
* A `<Transition/>` component used to animate the overlay changes visibility.
*/
transition: _elementType2.default,
/**
* Callback fired before the Overlay transitions in
*/
onEnter: _react2.default.PropTypes.func,
/**
* Callback fired as the Overlay begins to transition in
*/
onEntering: _react2.default.PropTypes.func,
/**
* Callback fired after the Overlay finishes transitioning in
*/
onEntered: _react2.default.PropTypes.func,
/**
* Callback fired right before the Overlay transitions out
*/
onExit: _react2.default.PropTypes.func,
/**
* Callback fired as the Overlay begins to transition out
*/
onExiting: _react2.default.PropTypes.func,
/**
* Callback fired after the Overlay finishes transitioning out
*/
onExited: _react2.default.PropTypes.func
});
exports.default = Overlay;
module.exports = exports['default'];
/***/ },
/* 221 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _componentOrElement = __webpack_require__(194);
var _componentOrElement2 = _interopRequireDefault(_componentOrElement);
var _calculatePosition = __webpack_require__(222);
var _calculatePosition2 = _interopRequireDefault(_calculatePosition);
var _getContainer = __webpack_require__(196);
var _getContainer2 = _interopRequireDefault(_getContainer);
var _ownerDocument = __webpack_require__(159);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
/**
* The Position component calculates the coordinates for its child, to position
* it relative to a `target` component or node. Useful for creating callouts
* and tooltips, the Position component injects a `style` props with `left` and
* `top` values for positioning your component.
*
* It also injects "arrow" `left`, and `top` values for styling callout arrows
* for giving your components a sense of directionality.
*/
var Position = function (_React$Component) {
_inherits(Position, _React$Component);
function Position(props, context) {
_classCallCheck(this, Position);
var _this = _possibleConstructorReturn(this, (Position.__proto__ || Object.getPrototypeOf(Position)).call(this, props, context));
_this.state = {
positionLeft: 0,
positionTop: 0,
arrowOffsetLeft: null,
arrowOffsetTop: null
};
_this._needsFlush = false;
_this._lastTarget = null;
return _this;
}
_createClass(Position, [{
key: 'componentDidMount',
value: function componentDidMount() {
this.updatePosition(this.getTarget());
}
}, {
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps() {
this._needsFlush = true;
}
}, {
key: 'componentDidUpdate',
value: function componentDidUpdate(prevProps) {
if (this._needsFlush) {
this._needsFlush = false;
this.maybeUpdatePosition(this.props.placement !== prevProps.placement);
}
}
}, {
key: 'render',
value: function render() {
var _props = this.props;
var children = _props.children;
var className = _props.className;
var props = _objectWithoutProperties(_props, ['children', 'className']);
var _state = this.state;
var positionLeft = _state.positionLeft;
var positionTop = _state.positionTop;
var arrowPosition = _objectWithoutProperties(_state, ['positionLeft', 'positionTop']);
// These should not be forwarded to the child.
delete props.target;
delete props.container;
delete props.containerPadding;
delete props.shouldUpdatePosition;
var child = _react2.default.Children.only(children);
return (0, _react.cloneElement)(child, _extends({}, props, arrowPosition, {
// FIXME: Don't forward `positionLeft` and `positionTop` via both props
// and `props.style`.
positionLeft: positionLeft,
positionTop: positionTop,
className: (0, _classnames2.default)(className, child.props.className),
style: _extends({}, child.props.style, {
left: positionLeft,
top: positionTop
})
}));
}
}, {
key: 'getTarget',
value: function getTarget() {
var target = this.props.target;
var targetElement = typeof target === 'function' ? target() : target;
return targetElement && _reactDom2.default.findDOMNode(targetElement) || null;
}
}, {
key: 'maybeUpdatePosition',
value: function maybeUpdatePosition(placementChanged) {
var target = this.getTarget();
if (!this.props.shouldUpdatePosition && target === this._lastTarget && !placementChanged) {
return;
}
this.updatePosition(target);
}
}, {
key: 'updatePosition',
value: function updatePosition(target) {
this._lastTarget = target;
if (!target) {
this.setState({
positionLeft: 0,
positionTop: 0,
arrowOffsetLeft: null,
arrowOffsetTop: null
});
return;
}
var overlay = _reactDom2.default.findDOMNode(this);
var container = (0, _getContainer2.default)(this.props.container, (0, _ownerDocument2.default)(this).body);
this.setState((0, _calculatePosition2.default)(this.props.placement, overlay, target, container, this.props.containerPadding));
}
}]);
return Position;
}(_react2.default.Component);
Position.propTypes = {
/**
* A node, element, or function that returns either. The child will be
* be positioned next to the `target` specified.
*/
target: _react2.default.PropTypes.oneOfType([_componentOrElement2.default, _react2.default.PropTypes.func]),
/**
* "offsetParent" of the component
*/
container: _react2.default.PropTypes.oneOfType([_componentOrElement2.default, _react2.default.PropTypes.func]),
/**
* Minimum spacing in pixels between container border and component border
*/
containerPadding: _react2.default.PropTypes.number,
/**
* How to position the component relative to the target
*/
placement: _react2.default.PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
/**
* Whether the position should be changed on each update
*/
shouldUpdatePosition: _react2.default.PropTypes.bool
};
Position.displayName = 'Position';
Position.defaultProps = {
containerPadding: 0,
placement: 'right',
shouldUpdatePosition: false
};
exports.default = Position;
module.exports = exports['default'];
/***/ },
/* 222 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = calculatePosition;
var _offset = __webpack_require__(223);
var _offset2 = _interopRequireDefault(_offset);
var _position = __webpack_require__(224);
var _position2 = _interopRequireDefault(_position);
var _scrollTop = __webpack_require__(226);
var _scrollTop2 = _interopRequireDefault(_scrollTop);
var _ownerDocument = __webpack_require__(159);
var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function getContainerDimensions(containerNode) {
var width = void 0,
height = void 0,
scroll = void 0;
if (containerNode.tagName === 'BODY') {
width = window.innerWidth;
height = window.innerHeight;
scroll = (0, _scrollTop2.default)((0, _ownerDocument2.default)(containerNode).documentElement) || (0, _scrollTop2.default)(containerNode);
} else {
var _getOffset = (0, _offset2.default)(containerNode);
width = _getOffset.width;
height = _getOffset.height;
scroll = (0, _scrollTop2.default)(containerNode);
}
return { width: width, height: height, scroll: scroll };
}
function getTopDelta(top, overlayHeight, container, padding) {
var containerDimensions = getContainerDimensions(container);
var containerScroll = containerDimensions.scroll;
var containerHeight = containerDimensions.height;
var topEdgeOffset = top - padding - containerScroll;
var bottomEdgeOffset = top + padding - containerScroll + overlayHeight;
if (topEdgeOffset < 0) {
return -topEdgeOffset;
} else if (bottomEdgeOffset > containerHeight) {
return containerHeight - bottomEdgeOffset;
} else {
return 0;
}
}
function getLeftDelta(left, overlayWidth, container, padding) {
var containerDimensions = getContainerDimensions(container);
var containerWidth = containerDimensions.width;
var leftEdgeOffset = left - padding;
var rightEdgeOffset = left + padding + overlayWidth;
if (leftEdgeOffset < 0) {
return -leftEdgeOffset;
} else if (rightEdgeOffset > containerWidth) {
return containerWidth - rightEdgeOffset;
}
return 0;
}
function calculatePosition(placement, overlayNode, target, container, padding) {
var childOffset = container.tagName === 'BODY' ? (0, _offset2.default)(target) : (0, _position2.default)(target, container);
var _getOffset2 = (0, _offset2.default)(overlayNode);
var overlayHeight = _getOffset2.height;
var overlayWidth = _getOffset2.width;
var positionLeft = void 0,
positionTop = void 0,
arrowOffsetLeft = void 0,
arrowOffsetTop = void 0;
if (placement === 'left' || placement === 'right') {
positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;
if (placement === 'left') {
positionLeft = childOffset.left - overlayWidth;
} else {
positionLeft = childOffset.left + childOffset.width;
}
var topDelta = getTopDelta(positionTop, overlayHeight, container, padding);
positionTop += topDelta;
arrowOffsetTop = 50 * (1 - 2 * topDelta / overlayHeight) + '%';
arrowOffsetLeft = void 0;
} else if (placement === 'top' || placement === 'bottom') {
positionLeft = childOffset.left + (childOffset.width - overlayWidth) / 2;
if (placement === 'top') {
positionTop = childOffset.top - overlayHeight;
} else {
positionTop = childOffset.top + childOffset.height;
}
var leftDelta = getLeftDelta(positionLeft, overlayWidth, container, padding);
positionLeft += leftDelta;
arrowOffsetLeft = 50 * (1 - 2 * leftDelta / overlayWidth) + '%';
arrowOffsetTop = void 0;
} else {
throw new Error('calcOverlayPosition(): No such placement of "' + placement + '" found.');
}
return { positionLeft: positionLeft, positionTop: positionTop, arrowOffsetLeft: arrowOffsetLeft, arrowOffsetTop: arrowOffsetTop };
}
module.exports = exports['default'];
/***/ },
/* 223 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var contains = __webpack_require__(140),
getWindow = __webpack_require__(203),
ownerDocument = __webpack_require__(139);
module.exports = function offset(node) {
var doc = ownerDocument(node),
win = getWindow(doc),
docElem = doc && doc.documentElement,
box = { top: 0, left: 0, height: 0, width: 0 };
if (!doc) return;
// Make sure it's not a disconnected DOM node
if (!contains(docElem, node)) return box;
if (node.getBoundingClientRect !== undefined) box = node.getBoundingClientRect();
if (box.width || box.height) {
box = {
top: box.top + (win.pageYOffset || docElem.scrollTop) - (docElem.clientTop || 0),
left: box.left + (win.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || 0),
width: (box.width == null ? node.offsetWidth : box.width) || 0,
height: (box.height == null ? node.offsetHeight : box.height) || 0
};
}
return box;
};
/***/ },
/* 224 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var babelHelpers = __webpack_require__(131);
exports.__esModule = true;
exports['default'] = position;
var _offset = __webpack_require__(223);
var _offset2 = babelHelpers.interopRequireDefault(_offset);
var _offsetParent = __webpack_require__(225);
var _offsetParent2 = babelHelpers.interopRequireDefault(_offsetParent);
var _scrollTop = __webpack_require__(226);
var _scrollTop2 = babelHelpers.interopRequireDefault(_scrollTop);
var _scrollLeft = __webpack_require__(227);
var _scrollLeft2 = babelHelpers.interopRequireDefault(_scrollLeft);
var _style = __webpack_require__(125);
var _style2 = babelHelpers.interopRequireDefault(_style);
function nodeName(node) {
return node.nodeName && node.nodeName.toLowerCase();
}
function position(node, offsetParent) {
var parentOffset = { top: 0, left: 0 },
offset;
// Fixed elements are offset from window (parentOffset = {top:0, left: 0},
// because it is its only offset parent
if ((0, _style2['default'])(node, 'position') === 'fixed') {
offset = node.getBoundingClientRect();
} else {
offsetParent = offsetParent || (0, _offsetParent2['default'])(node);
offset = (0, _offset2['default'])(node);
if (nodeName(offsetParent) !== 'html') parentOffset = (0, _offset2['default'])(offsetParent);
parentOffset.top += parseInt((0, _style2['default'])(offsetParent, 'borderTopWidth'), 10) - (0, _scrollTop2['default'])(offsetParent) || 0;
parentOffset.left += parseInt((0, _style2['default'])(offsetParent, 'borderLeftWidth'), 10) - (0, _scrollLeft2['default'])(offsetParent) || 0;
}
// Subtract parent offsets and node margins
return babelHelpers._extends({}, offset, {
top: offset.top - parentOffset.top - (parseInt((0, _style2['default'])(node, 'marginTop'), 10) || 0),
left: offset.left - parentOffset.left - (parseInt((0, _style2['default'])(node, 'marginLeft'), 10) || 0)
});
}
module.exports = exports['default'];
/***/ },
/* 225 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var babelHelpers = __webpack_require__(131);
exports.__esModule = true;
exports['default'] = offsetParent;
var _ownerDocument = __webpack_require__(139);
var _ownerDocument2 = babelHelpers.interopRequireDefault(_ownerDocument);
var _style = __webpack_require__(125);
var _style2 = babelHelpers.interopRequireDefault(_style);
function nodeName(node) {
return node.nodeName && node.nodeName.toLowerCase();
}
function offsetParent(node) {
var doc = (0, _ownerDocument2['default'])(node),
offsetParent = node && node.offsetParent;
while (offsetParent && nodeName(node) !== 'html' && (0, _style2['default'])(offsetParent, 'position') === 'static') {
offsetParent = offsetParent.offsetParent;
}
return offsetParent || doc.documentElement;
}
module.exports = exports['default'];
/***/ },
/* 226 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var getWindow = __webpack_require__(203);
module.exports = function scrollTop(node, val) {
var win = getWindow(node);
if (val === undefined) return win ? 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop : node.scrollTop;
if (win) win.scrollTo('pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft, val);else node.scrollTop = val;
};
/***/ },
/* 227 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var getWindow = __webpack_require__(203);
module.exports = function scrollTop(node, val) {
var win = getWindow(node);
if (val === undefined) return win ? 'pageXOffset' in win ? win.pageXOffset : win.document.documentElement.scrollLeft : node.scrollLeft;
if (win) win.scrollTo(val, 'pageYOffset' in win ? win.pageYOffset : win.document.documentElement.scrollTop);else node.scrollLeft = val;
};
/***/ },
/* 228 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _contains = __webpack_require__(140);
var _contains2 = _interopRequireDefault(_contains);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _reactDom = __webpack_require__(115);
var _reactDom2 = _interopRequireDefault(_reactDom);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _Overlay = __webpack_require__(219);
var _Overlay2 = _interopRequireDefault(_Overlay);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
/**
* Check if value one is inside or equal to the of value
*
* @param {string} one
* @param {string|array} of
* @returns {boolean}
*/
function isOneOf(one, of) {
if (Array.isArray(of)) {
return of.indexOf(one) >= 0;
}
return one === of;
}
var triggerType = _react2['default'].PropTypes.oneOf(['click', 'hover', 'focus']);
var propTypes = (0, _extends3['default'])({}, _Overlay2['default'].propTypes, {
/**
* Specify which action or actions trigger Overlay visibility
*/
trigger: _react2['default'].PropTypes.oneOfType([triggerType, _react2['default'].PropTypes.arrayOf(triggerType)]),
/**
* A millisecond delay amount to show and hide the Overlay once triggered
*/
delay: _react2['default'].PropTypes.number,
/**
* A millisecond delay amount before showing the Overlay once triggered.
*/
delayShow: _react2['default'].PropTypes.number,
/**
* A millisecond delay amount before hiding the Overlay once triggered.
*/
delayHide: _react2['default'].PropTypes.number,
// FIXME: This should be `defaultShow`.
/**
* The initial visibility state of the Overlay. For more nuanced visibility
* control, consider using the Overlay component directly.
*/
defaultOverlayShown: _react2['default'].PropTypes.bool,
/**
* An element or text to overlay next to the target.
*/
overlay: _react2['default'].PropTypes.node.isRequired,
/**
* @private
*/
onBlur: _react2['default'].PropTypes.func,
/**
* @private
*/
onClick: _react2['default'].PropTypes.func,
/**
* @private
*/
onFocus: _react2['default'].PropTypes.func,
/**
* @private
*/
onMouseOut: _react2['default'].PropTypes.func,
/**
* @private
*/
onMouseOver: _react2['default'].PropTypes.func,
// Overridden props from `<Overlay>`.
/**
* @private
*/
target: _react2['default'].PropTypes.oneOf([null]),
/**
* @private
*/
onHide: _react2['default'].PropTypes.oneOf([null]),
/**
* @private
*/
show: _react2['default'].PropTypes.oneOf([null])
});
var defaultProps = {
defaultOverlayShown: false,
trigger: ['hover', 'focus']
};
var OverlayTrigger = function (_React$Component) {
(0, _inherits3['default'])(OverlayTrigger, _React$Component);
function OverlayTrigger(props, context) {
(0, _classCallCheck3['default'])(this, OverlayTrigger);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleToggle = _this.handleToggle.bind(_this);
_this.handleDelayedShow = _this.handleDelayedShow.bind(_this);
_this.handleDelayedHide = _this.handleDelayedHide.bind(_this);
_this.handleHide = _this.handleHide.bind(_this);
_this.handleMouseOver = function (e) {
return _this.handleMouseOverOut(_this.handleDelayedShow, e);
};
_this.handleMouseOut = function (e) {
return _this.handleMouseOverOut(_this.handleDelayedHide, e);
};
_this._mountNode = null;
_this.state = {
show: props.defaultOverlayShown
};
return _this;
}
OverlayTrigger.prototype.componentDidMount = function componentDidMount() {
this._mountNode = document.createElement('div');
this.renderOverlay();
};
OverlayTrigger.prototype.componentDidUpdate = function componentDidUpdate() {
this.renderOverlay();
};
OverlayTrigger.prototype.componentWillUnmount = function componentWillUnmount() {
_reactDom2['default'].unmountComponentAtNode(this._mountNode);
this._mountNode = null;
clearTimeout(this._hoverShowDelay);
clearTimeout(this._hoverHideDelay);
};
OverlayTrigger.prototype.handleToggle = function handleToggle() {
if (this.state.show) {
this.hide();
} else {
this.show();
}
};
OverlayTrigger.prototype.handleDelayedShow = function handleDelayedShow() {
var _this2 = this;
if (this._hoverHideDelay != null) {
clearTimeout(this._hoverHideDelay);
this._hoverHideDelay = null;
return;
}
if (this.state.show || this._hoverShowDelay != null) {
return;
}
var delay = this.props.delayShow != null ? this.props.delayShow : this.props.delay;
if (!delay) {
this.show();
return;
}
this._hoverShowDelay = setTimeout(function () {
_this2._hoverShowDelay = null;
_this2.show();
}, delay);
};
OverlayTrigger.prototype.handleDelayedHide = function handleDelayedHide() {
var _this3 = this;
if (this._hoverShowDelay != null) {
clearTimeout(this._hoverShowDelay);
this._hoverShowDelay = null;
return;
}
if (!this.state.show || this._hoverHideDelay != null) {
return;
}
var delay = this.props.delayHide != null ? this.props.delayHide : this.props.delay;
if (!delay) {
this.hide();
return;
}
this._hoverHideDelay = setTimeout(function () {
_this3._hoverHideDelay = null;
_this3.hide();
}, delay);
};
// Simple implementation of mouseEnter and mouseLeave.
// React's built version is broken: https://github.com/facebook/react/issues/4251
// for cases when the trigger is disabled and mouseOut/Over can cause flicker
// moving from one child element to another.
OverlayTrigger.prototype.handleMouseOverOut = function handleMouseOverOut(handler, e) {
var target = e.currentTarget;
var related = e.relatedTarget || e.nativeEvent.toElement;
if (!related || related !== target && !(0, _contains2['default'])(target, related)) {
handler(e);
}
};
OverlayTrigger.prototype.handleHide = function handleHide() {
this.hide();
};
OverlayTrigger.prototype.show = function show() {
this.setState({ show: true });
};
OverlayTrigger.prototype.hide = function hide() {
this.setState({ show: false });
};
OverlayTrigger.prototype.makeOverlay = function makeOverlay(overlay, props) {
return _react2['default'].createElement(
_Overlay2['default'],
(0, _extends3['default'])({}, props, {
show: this.state.show,
onHide: this.handleHide,
target: this
}),
overlay
);
};
OverlayTrigger.prototype.renderOverlay = function renderOverlay() {
_reactDom2['default'].unstable_renderSubtreeIntoContainer(this, this._overlay, this._mountNode);
};
OverlayTrigger.prototype.render = function render() {
var _props = this.props;
var trigger = _props.trigger;
var overlay = _props.overlay;
var children = _props.children;
var onBlur = _props.onBlur;
var onClick = _props.onClick;
var onFocus = _props.onFocus;
var onMouseOut = _props.onMouseOut;
var onMouseOver = _props.onMouseOver;
var props = (0, _objectWithoutProperties3['default'])(_props, ['trigger', 'overlay', 'children', 'onBlur', 'onClick', 'onFocus', 'onMouseOut', 'onMouseOver']);
delete props.delay;
delete props.delayShow;
delete props.delayHide;
delete props.defaultOverlayShown;
var child = _react2['default'].Children.only(children);
var childProps = child.props;
var triggerProps = {
'aria-describedby': overlay.props.id
};
// FIXME: The logic here for passing through handlers on this component is
// inconsistent. We shouldn't be passing any of these props through.
triggerProps.onClick = (0, _createChainedFunction2['default'])(childProps.onClick, onClick);
if (isOneOf('click', trigger)) {
triggerProps.onClick = (0, _createChainedFunction2['default'])(triggerProps.onClick, this.handleToggle);
}
if (isOneOf('hover', trigger)) {
true ? (0, _warning2['default'])(!(trigger === 'hover'), '[react-bootstrap] Specifying only the `"hover"` trigger limits the ' + 'visibility of the overlay to just mouse users. Consider also ' + 'including the `"focus"` trigger so that touch and keyboard only ' + 'users can see the overlay as well.') : void 0;
triggerProps.onMouseOver = (0, _createChainedFunction2['default'])(childProps.onMouseOver, onMouseOver, this.handleMouseOver);
triggerProps.onMouseOut = (0, _createChainedFunction2['default'])(childProps.onMouseOut, onMouseOut, this.handleMouseOut);
}
if (isOneOf('focus', trigger)) {
triggerProps.onFocus = (0, _createChainedFunction2['default'])(childProps.onFocus, onFocus, this.handleDelayedShow);
triggerProps.onBlur = (0, _createChainedFunction2['default'])(childProps.onBlur, onBlur, this.handleDelayedHide);
}
this._overlay = this.makeOverlay(overlay, props);
return (0, _react.cloneElement)(child, triggerProps);
};
return OverlayTrigger;
}(_react2['default'].Component);
OverlayTrigger.propTypes = propTypes;
OverlayTrigger.defaultProps = defaultProps;
exports['default'] = OverlayTrigger;
module.exports = exports['default'];
/***/ },
/* 229 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var PageHeader = function (_React$Component) {
(0, _inherits3['default'])(PageHeader, _React$Component);
function PageHeader() {
(0, _classCallCheck3['default'])(this, PageHeader);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
PageHeader.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
_react2['default'].createElement(
'h1',
null,
children
)
);
};
return PageHeader;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('page-header', PageHeader);
module.exports = exports['default'];
/***/ },
/* 230 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _PagerItem = __webpack_require__(231);
var _PagerItem2 = _interopRequireDefault(_PagerItem);
var _deprecationWarning = __webpack_require__(232);
var _deprecationWarning2 = _interopRequireDefault(_deprecationWarning);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
exports['default'] = _deprecationWarning2['default'].wrapper(_PagerItem2['default'], '`<PageItem>`', '`<Pager.Item>`');
module.exports = exports['default'];
/***/ },
/* 231 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
disabled: _react2['default'].PropTypes.bool,
previous: _react2['default'].PropTypes.bool,
next: _react2['default'].PropTypes.bool,
onClick: _react2['default'].PropTypes.func,
onSelect: _react2['default'].PropTypes.func,
eventKey: _react2['default'].PropTypes.any
};
var defaultProps = {
disabled: false,
previous: false,
next: false
};
var PagerItem = function (_React$Component) {
(0, _inherits3['default'])(PagerItem, _React$Component);
function PagerItem(props, context) {
(0, _classCallCheck3['default'])(this, PagerItem);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleSelect = _this.handleSelect.bind(_this);
return _this;
}
PagerItem.prototype.handleSelect = function handleSelect(e) {
var _props = this.props;
var disabled = _props.disabled;
var onSelect = _props.onSelect;
var eventKey = _props.eventKey;
if (onSelect || disabled) {
e.preventDefault();
}
if (disabled) {
return;
}
if (onSelect) {
onSelect(eventKey, e);
}
};
PagerItem.prototype.render = function render() {
var _props2 = this.props;
var disabled = _props2.disabled;
var previous = _props2.previous;
var next = _props2.next;
var onClick = _props2.onClick;
var className = _props2.className;
var style = _props2.style;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['disabled', 'previous', 'next', 'onClick', 'className', 'style']);
delete props.onSelect;
delete props.eventKey;
return _react2['default'].createElement(
'li',
{
className: (0, _classnames2['default'])(className, { disabled: disabled, previous: previous, next: next }),
style: style
},
_react2['default'].createElement(_SafeAnchor2['default'], (0, _extends3['default'])({}, props, {
disabled: disabled,
onClick: (0, _createChainedFunction2['default'])(onClick, this.handleSelect)
}))
);
};
return PagerItem;
}(_react2['default'].Component);
PagerItem.propTypes = propTypes;
PagerItem.defaultProps = defaultProps;
exports['default'] = PagerItem;
module.exports = exports['default'];
/***/ },
/* 232 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _typeof2 = __webpack_require__(42);
var _typeof3 = _interopRequireDefault(_typeof2);
exports._resetWarned = _resetWarned;
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var warned = {};
function deprecationWarning(oldname, newname, link) {
var message = void 0;
if ((typeof oldname === 'undefined' ? 'undefined' : (0, _typeof3['default'])(oldname)) === 'object') {
message = oldname.message;
} else {
message = oldname + ' is deprecated. Use ' + newname + ' instead.';
if (link) {
message += '\nYou can read more about it at ' + link;
}
}
if (warned[message]) {
return;
}
true ? (0, _warning2['default'])(false, message) : void 0;
warned[message] = true;
}
deprecationWarning.wrapper = function (Component) {
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
return function (_Component) {
(0, _inherits3['default'])(DeprecatedComponent, _Component);
function DeprecatedComponent() {
(0, _classCallCheck3['default'])(this, DeprecatedComponent);
return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
}
DeprecatedComponent.prototype.componentWillMount = function componentWillMount() {
deprecationWarning.apply(undefined, args);
if (_Component.prototype.componentWillMount) {
var _Component$prototype$;
for (var _len2 = arguments.length, methodArgs = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
methodArgs[_key2] = arguments[_key2];
}
(_Component$prototype$ = _Component.prototype.componentWillMount).call.apply(_Component$prototype$, [this].concat(methodArgs));
}
};
return DeprecatedComponent;
}(Component);
};
exports['default'] = deprecationWarning;
function _resetWarned() {
warned = {};
}
/***/ },
/* 233 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _PagerItem = __webpack_require__(231);
var _PagerItem2 = _interopRequireDefault(_PagerItem);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
onSelect: _react2['default'].PropTypes.func
};
var Pager = function (_React$Component) {
(0, _inherits3['default'])(Pager, _React$Component);
function Pager() {
(0, _classCallCheck3['default'])(this, Pager);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Pager.prototype.render = function render() {
var _props = this.props;
var onSelect = _props.onSelect;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['onSelect', 'className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(
'ul',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
_ValidComponentChildren2['default'].map(children, function (child) {
return (0, _react.cloneElement)(child, {
onSelect: (0, _createChainedFunction2['default'])(child.props.onSelect, onSelect)
});
})
);
};
return Pager;
}(_react2['default'].Component);
Pager.propTypes = propTypes;
Pager.Item = _PagerItem2['default'];
exports['default'] = (0, _bootstrapUtils.bsClass)('pager', Pager);
module.exports = exports['default'];
/***/ },
/* 234 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _PaginationButton = __webpack_require__(235);
var _PaginationButton2 = _interopRequireDefault(_PaginationButton);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
activePage: _react2['default'].PropTypes.number,
items: _react2['default'].PropTypes.number,
maxButtons: _react2['default'].PropTypes.number,
/**
* When `true`, will display the first and the last button page
*/
boundaryLinks: _react2['default'].PropTypes.bool,
/**
* When `true`, will display the default node value ('…').
* Otherwise, will display provided node (when specified).
*/
ellipsis: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.bool, _react2['default'].PropTypes.node]),
/**
* When `true`, will display the default node value ('«').
* Otherwise, will display provided node (when specified).
*/
first: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.bool, _react2['default'].PropTypes.node]),
/**
* When `true`, will display the default node value ('»').
* Otherwise, will display provided node (when specified).
*/
last: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.bool, _react2['default'].PropTypes.node]),
/**
* When `true`, will display the default node value ('‹').
* Otherwise, will display provided node (when specified).
*/
prev: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.bool, _react2['default'].PropTypes.node]),
/**
* When `true`, will display the default node value ('›').
* Otherwise, will display provided node (when specified).
*/
next: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.bool, _react2['default'].PropTypes.node]),
onSelect: _react2['default'].PropTypes.func,
/**
* You can use a custom element for the buttons
*/
buttonComponentClass: _elementType2['default']
};
var defaultProps = {
activePage: 1,
items: 1,
maxButtons: 0,
first: false,
last: false,
prev: false,
next: false,
ellipsis: true,
boundaryLinks: false
};
var Pagination = function (_React$Component) {
(0, _inherits3['default'])(Pagination, _React$Component);
function Pagination() {
(0, _classCallCheck3['default'])(this, Pagination);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Pagination.prototype.renderPageButtons = function renderPageButtons(activePage, items, maxButtons, boundaryLinks, ellipsis, buttonProps) {
var pageButtons = [];
var startPage = void 0;
var endPage = void 0;
var hasHiddenPagesAfter = void 0;
if (maxButtons) {
var hiddenPagesBefore = activePage - parseInt(maxButtons / 2, 10);
startPage = hiddenPagesBefore > 2 ? hiddenPagesBefore : 1;
hasHiddenPagesAfter = startPage + maxButtons < items;
if (!hasHiddenPagesAfter) {
endPage = items;
startPage = items - maxButtons + 1;
if (startPage < 1) {
startPage = 1;
}
} else {
endPage = startPage + maxButtons - 1;
}
} else {
startPage = 1;
endPage = items;
}
for (var pagenumber = startPage; pagenumber <= endPage; pagenumber++) {
pageButtons.push(_react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
key: pagenumber,
eventKey: pagenumber,
active: pagenumber === activePage
}),
pagenumber
));
}
if (boundaryLinks && ellipsis && startPage !== 1) {
pageButtons.unshift(_react2['default'].createElement(
_PaginationButton2['default'],
{
key: 'ellipsisFirst',
disabled: true,
componentClass: buttonProps.componentClass
},
_react2['default'].createElement(
'span',
{ 'aria-label': 'More' },
ellipsis === true ? '\u2026' : ellipsis
)
));
pageButtons.unshift(_react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
key: 1,
eventKey: 1,
active: false
}),
'1'
));
}
if (maxButtons && hasHiddenPagesAfter && ellipsis) {
pageButtons.push(_react2['default'].createElement(
_PaginationButton2['default'],
{
key: 'ellipsis',
disabled: true,
componentClass: buttonProps.componentClass
},
_react2['default'].createElement(
'span',
{ 'aria-label': 'More' },
ellipsis === true ? '\u2026' : ellipsis
)
));
if (boundaryLinks && endPage !== items) {
pageButtons.push(_react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
key: items,
eventKey: items,
active: false
}),
items
));
}
}
return pageButtons;
};
Pagination.prototype.render = function render() {
var _props = this.props;
var activePage = _props.activePage;
var items = _props.items;
var maxButtons = _props.maxButtons;
var boundaryLinks = _props.boundaryLinks;
var ellipsis = _props.ellipsis;
var first = _props.first;
var last = _props.last;
var prev = _props.prev;
var next = _props.next;
var onSelect = _props.onSelect;
var buttonComponentClass = _props.buttonComponentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['activePage', 'items', 'maxButtons', 'boundaryLinks', 'ellipsis', 'first', 'last', 'prev', 'next', 'onSelect', 'buttonComponentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
var buttonProps = {
onSelect: onSelect,
componentClass: buttonComponentClass
};
return _react2['default'].createElement(
'ul',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
first && _react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
eventKey: 1,
disabled: activePage === 1
}),
_react2['default'].createElement(
'span',
{ 'aria-label': 'First' },
first === true ? '\xAB' : first
)
),
prev && _react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
eventKey: activePage - 1,
disabled: activePage === 1
}),
_react2['default'].createElement(
'span',
{ 'aria-label': 'Previous' },
prev === true ? '\u2039' : prev
)
),
this.renderPageButtons(activePage, items, maxButtons, boundaryLinks, ellipsis, buttonProps),
next && _react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
eventKey: activePage + 1,
disabled: activePage >= items
}),
_react2['default'].createElement(
'span',
{ 'aria-label': 'Next' },
next === true ? '\u203A' : next
)
),
last && _react2['default'].createElement(
_PaginationButton2['default'],
(0, _extends3['default'])({}, buttonProps, {
eventKey: items,
disabled: activePage >= items
}),
_react2['default'].createElement(
'span',
{ 'aria-label': 'Last' },
last === true ? '\xBB' : last
)
)
);
};
return Pagination;
}(_react2['default'].Component);
Pagination.propTypes = propTypes;
Pagination.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('pagination', Pagination);
module.exports = exports['default'];
/***/ },
/* 235 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: This should be `<Pagination.Item>`.
// TODO: This should use `componentClass` like other components.
var propTypes = {
componentClass: _elementType2['default'],
className: _react2['default'].PropTypes.string,
eventKey: _react2['default'].PropTypes.any,
onSelect: _react2['default'].PropTypes.func,
disabled: _react2['default'].PropTypes.bool,
active: _react2['default'].PropTypes.bool,
onClick: _react2['default'].PropTypes.func
};
var defaultProps = {
componentClass: _SafeAnchor2['default'],
active: false,
disabled: false
};
var PaginationButton = function (_React$Component) {
(0, _inherits3['default'])(PaginationButton, _React$Component);
function PaginationButton(props, context) {
(0, _classCallCheck3['default'])(this, PaginationButton);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleClick = _this.handleClick.bind(_this);
return _this;
}
PaginationButton.prototype.handleClick = function handleClick(event) {
var _props = this.props;
var disabled = _props.disabled;
var onSelect = _props.onSelect;
var eventKey = _props.eventKey;
if (disabled) {
return;
}
if (onSelect) {
onSelect(eventKey, event);
}
};
PaginationButton.prototype.render = function render() {
var _props2 = this.props;
var Component = _props2.componentClass;
var active = _props2.active;
var disabled = _props2.disabled;
var onClick = _props2.onClick;
var className = _props2.className;
var style = _props2.style;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['componentClass', 'active', 'disabled', 'onClick', 'className', 'style']);
if (Component === _SafeAnchor2['default']) {
// Assume that custom components want `eventKey`.
delete props.eventKey;
}
delete props.onSelect;
return _react2['default'].createElement(
'li',
{
className: (0, _classnames2['default'])(className, { active: active, disabled: disabled }),
style: style
},
_react2['default'].createElement(Component, (0, _extends3['default'])({}, props, {
disabled: disabled,
onClick: (0, _createChainedFunction2['default'])(onClick, this.handleClick)
}))
);
};
return PaginationButton;
}(_react2['default'].Component);
PaginationButton.propTypes = propTypes;
PaginationButton.defaultProps = defaultProps;
exports['default'] = PaginationButton;
module.exports = exports['default'];
/***/ },
/* 236 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _values = __webpack_require__(99);
var _values2 = _interopRequireDefault(_values);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Collapse = __webpack_require__(124);
var _Collapse2 = _interopRequireDefault(_Collapse);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: Use uncontrollable.
var propTypes = {
collapsible: _react2['default'].PropTypes.bool,
onSelect: _react2['default'].PropTypes.func,
header: _react2['default'].PropTypes.node,
id: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number]),
footer: _react2['default'].PropTypes.node,
defaultExpanded: _react2['default'].PropTypes.bool,
expanded: _react2['default'].PropTypes.bool,
eventKey: _react2['default'].PropTypes.any,
headerRole: _react2['default'].PropTypes.string,
panelRole: _react2['default'].PropTypes.string,
// From Collapse.
onEnter: _react2['default'].PropTypes.func,
onEntering: _react2['default'].PropTypes.func,
onEntered: _react2['default'].PropTypes.func,
onExit: _react2['default'].PropTypes.func,
onExiting: _react2['default'].PropTypes.func,
onExited: _react2['default'].PropTypes.func
};
var defaultProps = {
defaultExpanded: false
};
var Panel = function (_React$Component) {
(0, _inherits3['default'])(Panel, _React$Component);
function Panel(props, context) {
(0, _classCallCheck3['default'])(this, Panel);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleClickTitle = _this.handleClickTitle.bind(_this);
_this.state = {
expanded: _this.props.defaultExpanded
};
return _this;
}
Panel.prototype.handleClickTitle = function handleClickTitle(e) {
// FIXME: What the heck? This API is horrible. This needs to go away!
e.persist();
e.selected = true;
if (this.props.onSelect) {
this.props.onSelect(this.props.eventKey, e);
} else {
e.preventDefault();
}
if (e.selected) {
this.setState({ expanded: !this.state.expanded });
}
};
Panel.prototype.shouldRenderFill = function shouldRenderFill(child) {
return _react2['default'].isValidElement(child) && child.props.fill != null;
};
Panel.prototype.renderHeader = function renderHeader(collapsible, header, id, role, expanded, bsProps) {
var titleClassName = (0, _bootstrapUtils.prefix)(bsProps, 'title');
if (!collapsible) {
if (!_react2['default'].isValidElement(header)) {
return header;
}
return (0, _react.cloneElement)(header, {
className: (0, _classnames2['default'])(header.props.className, titleClassName)
});
}
if (!_react2['default'].isValidElement(header)) {
return _react2['default'].createElement(
'h4',
{ role: 'presentation', className: titleClassName },
this.renderAnchor(header, id, role, expanded)
);
}
return (0, _react.cloneElement)(header, {
className: (0, _classnames2['default'])(header.props.className, titleClassName),
children: this.renderAnchor(header.props.children, id, role, expanded)
});
};
Panel.prototype.renderAnchor = function renderAnchor(header, id, role, expanded) {
return _react2['default'].createElement(
'a',
{
role: role,
href: id && '#' + id,
onClick: this.handleClickTitle,
'aria-controls': id,
'aria-expanded': expanded,
'aria-selected': expanded,
className: expanded ? null : 'collapsed'
},
header
);
};
Panel.prototype.renderCollapsibleBody = function renderCollapsibleBody(id, expanded, role, children, bsProps, animationHooks) {
return _react2['default'].createElement(
_Collapse2['default'],
(0, _extends3['default'])({ 'in': expanded }, animationHooks),
_react2['default'].createElement(
'div',
{
id: id,
role: role,
className: (0, _bootstrapUtils.prefix)(bsProps, 'collapse'),
'aria-hidden': !expanded
},
this.renderBody(children, bsProps)
)
);
};
Panel.prototype.renderBody = function renderBody(rawChildren, bsProps) {
var children = [];
var bodyChildren = [];
var bodyClassName = (0, _bootstrapUtils.prefix)(bsProps, 'body');
function maybeAddBody() {
if (!bodyChildren.length) {
return;
}
// Derive the key from the index here, since we need to make one up.
children.push(_react2['default'].createElement(
'div',
{ key: children.length, className: bodyClassName },
bodyChildren
));
bodyChildren = [];
}
// Convert to array so we can re-use keys.
_react2['default'].Children.toArray(rawChildren).forEach(function (child) {
if (_react2['default'].isValidElement(child) && child.props.fill) {
maybeAddBody();
// Remove the child's unknown `fill` prop.
children.push((0, _react.cloneElement)(child, { fill: undefined }));
return;
}
bodyChildren.push(child);
});
maybeAddBody();
return children;
};
Panel.prototype.render = function render() {
var _props = this.props;
var collapsible = _props.collapsible;
var header = _props.header;
var id = _props.id;
var footer = _props.footer;
var propsExpanded = _props.expanded;
var headerRole = _props.headerRole;
var panelRole = _props.panelRole;
var className = _props.className;
var children = _props.children;
var onEnter = _props.onEnter;
var onEntering = _props.onEntering;
var onEntered = _props.onEntered;
var onExit = _props.onExit;
var onExiting = _props.onExiting;
var onExited = _props.onExited;
var props = (0, _objectWithoutProperties3['default'])(_props, ['collapsible', 'header', 'id', 'footer', 'expanded', 'headerRole', 'panelRole', 'className', 'children', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited']);
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['defaultExpanded', 'eventKey', 'onSelect']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
var expanded = propsExpanded != null ? propsExpanded : this.state.expanded;
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(
'div',
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes),
id: collapsible ? null : id
}),
header && _react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'heading') },
this.renderHeader(collapsible, header, id, headerRole, expanded, bsProps)
),
collapsible ? this.renderCollapsibleBody(id, expanded, panelRole, children, bsProps, { onEnter: onEnter, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited }) : this.renderBody(children, bsProps),
footer && _react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'footer') },
footer
)
);
};
return Panel;
}(_react2['default'].Component);
Panel.propTypes = propTypes;
Panel.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('panel', (0, _bootstrapUtils.bsStyles)([].concat((0, _values2['default'])(_StyleConfig.State), [_StyleConfig.Style.DEFAULT, _StyleConfig.Style.PRIMARY]), _StyleConfig.Style.DEFAULT, Panel));
module.exports = exports['default'];
/***/ },
/* 237 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _isRequiredForA11y = __webpack_require__(142);
var _isRequiredForA11y2 = _interopRequireDefault(_isRequiredForA11y);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* An html id attribute, necessary for accessibility
* @type {string}
* @required
*/
id: (0, _isRequiredForA11y2['default'])(_react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number])),
/**
* Sets the direction the Popover is positioned towards.
*/
placement: _react2['default'].PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
/**
* The "top" position value for the Popover.
*/
positionTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* The "left" position value for the Popover.
*/
positionLeft: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* The "top" position value for the Popover arrow.
*/
arrowOffsetTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* The "left" position value for the Popover arrow.
*/
arrowOffsetLeft: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* Title content
*/
title: _react2['default'].PropTypes.node
};
var defaultProps = {
placement: 'right'
};
var Popover = function (_React$Component) {
(0, _inherits3['default'])(Popover, _React$Component);
function Popover() {
(0, _classCallCheck3['default'])(this, Popover);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Popover.prototype.render = function render() {
var _extends2;
var _props = this.props;
var placement = _props.placement;
var positionTop = _props.positionTop;
var positionLeft = _props.positionLeft;
var arrowOffsetTop = _props.arrowOffsetTop;
var arrowOffsetLeft = _props.arrowOffsetLeft;
var title = _props.title;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['placement', 'positionTop', 'positionLeft', 'arrowOffsetTop', 'arrowOffsetLeft', 'title', 'className', 'style', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[placement] = true, _extends2));
var outerStyle = (0, _extends4['default'])({
display: 'block',
top: positionTop,
left: positionLeft
}, style);
var arrowStyle = {
top: arrowOffsetTop,
left: arrowOffsetLeft
};
return _react2['default'].createElement(
'div',
(0, _extends4['default'])({}, elementProps, {
role: 'tooltip',
className: (0, _classnames2['default'])(className, classes),
style: outerStyle
}),
_react2['default'].createElement('div', { className: 'arrow', style: arrowStyle }),
title && _react2['default'].createElement(
'h3',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'title') },
title
),
_react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'content') },
children
)
);
};
return Popover;
}(_react2['default'].Component);
Popover.propTypes = propTypes;
Popover.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('popover', Popover);
module.exports = exports['default'];
/***/ },
/* 238 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _values = __webpack_require__(99);
var _values2 = _interopRequireDefault(_values);
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var ROUND_PRECISION = 1000;
/**
* Validate that children, if any, are instances of `<ProgressBar>`.
*/
function onlyProgressBar(props, propName, componentName) {
var children = props[propName];
if (!children) {
return null;
}
var error = null;
_react2['default'].Children.forEach(children, function (child) {
if (error) {
return;
}
if (child.type === ProgressBar) {
// eslint-disable-line no-use-before-define
return;
}
var childIdentifier = _react2['default'].isValidElement(child) ? child.type.displayName || child.type.name || child.type : child;
error = new Error('Children of ' + componentName + ' can contain only ProgressBar ' + ('components. Found ' + childIdentifier + '.'));
});
return error;
}
var propTypes = {
min: _react.PropTypes.number,
now: _react.PropTypes.number,
max: _react.PropTypes.number,
label: _react.PropTypes.node,
srOnly: _react.PropTypes.bool,
striped: _react.PropTypes.bool,
active: _react.PropTypes.bool,
children: onlyProgressBar,
/**
* @private
*/
isChild: _react.PropTypes.bool
};
var defaultProps = {
min: 0,
max: 100,
active: false,
isChild: false,
srOnly: false,
striped: false
};
function getPercentage(now, min, max) {
var percentage = (now - min) / (max - min) * 100;
return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
}
var ProgressBar = function (_React$Component) {
(0, _inherits3['default'])(ProgressBar, _React$Component);
function ProgressBar() {
(0, _classCallCheck3['default'])(this, ProgressBar);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ProgressBar.prototype.renderProgressBar = function renderProgressBar(_ref) {
var _extends2;
var min = _ref.min;
var now = _ref.now;
var max = _ref.max;
var label = _ref.label;
var srOnly = _ref.srOnly;
var striped = _ref.striped;
var active = _ref.active;
var className = _ref.className;
var style = _ref.style;
var props = (0, _objectWithoutProperties3['default'])(_ref, ['min', 'now', 'max', 'label', 'srOnly', 'striped', 'active', 'className', 'style']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {
active: active
}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'striped')] = active || striped, _extends2));
return _react2['default'].createElement(
'div',
(0, _extends4['default'])({}, elementProps, {
role: 'progressbar',
className: (0, _classnames2['default'])(className, classes),
style: (0, _extends4['default'])({ width: getPercentage(now, min, max) + '%' }, style),
'aria-valuenow': now,
'aria-valuemin': min,
'aria-valuemax': max
}),
srOnly ? _react2['default'].createElement(
'span',
{ className: 'sr-only' },
label
) : label
);
};
ProgressBar.prototype.render = function render() {
var _props = this.props;
var isChild = _props.isChild;
var props = (0, _objectWithoutProperties3['default'])(_props, ['isChild']);
if (isChild) {
return this.renderProgressBar(props);
}
var min = props.min;
var now = props.now;
var max = props.max;
var label = props.label;
var srOnly = props.srOnly;
var striped = props.striped;
var active = props.active;
var bsClass = props.bsClass;
var bsStyle = props.bsStyle;
var className = props.className;
var children = props.children;
var wrapperProps = (0, _objectWithoutProperties3['default'])(props, ['min', 'now', 'max', 'label', 'srOnly', 'striped', 'active', 'bsClass', 'bsStyle', 'className', 'children']);
return _react2['default'].createElement(
'div',
(0, _extends4['default'])({}, wrapperProps, {
className: (0, _classnames2['default'])(className, 'progress')
}),
children ? _ValidComponentChildren2['default'].map(children, function (child) {
return (0, _react.cloneElement)(child, { isChild: true });
}) : this.renderProgressBar({
min: min, now: now, max: max, label: label, srOnly: srOnly, striped: striped, active: active, bsClass: bsClass, bsStyle: bsStyle
})
);
};
return ProgressBar;
}(_react2['default'].Component);
ProgressBar.propTypes = propTypes;
ProgressBar.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('progress-bar', (0, _bootstrapUtils.bsStyles)((0, _values2['default'])(_StyleConfig.State), ProgressBar));
module.exports = exports['default'];
/***/ },
/* 239 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
inline: _react2['default'].PropTypes.bool,
disabled: _react2['default'].PropTypes.bool,
/**
* Only valid if `inline` is not set.
*/
validationState: _react2['default'].PropTypes.oneOf(['success', 'warning', 'error']),
/**
* Attaches a ref to the `<input>` element. Only functions can be used here.
*
* ```js
* <Radio inputRef={ref => { this.input = ref; }} />
* ```
*/
inputRef: _react2['default'].PropTypes.func
};
var defaultProps = {
inline: false,
disabled: false
};
var Radio = function (_React$Component) {
(0, _inherits3['default'])(Radio, _React$Component);
function Radio() {
(0, _classCallCheck3['default'])(this, Radio);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Radio.prototype.render = function render() {
var _props = this.props;
var inline = _props.inline;
var disabled = _props.disabled;
var validationState = _props.validationState;
var inputRef = _props.inputRef;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['inline', 'disabled', 'validationState', 'inputRef', 'className', 'style', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var input = _react2['default'].createElement('input', (0, _extends3['default'])({}, elementProps, {
ref: inputRef,
type: 'radio',
disabled: disabled
}));
if (inline) {
var _classes2;
var _classes = (_classes2 = {}, _classes2[(0, _bootstrapUtils.prefix)(bsProps, 'inline')] = true, _classes2.disabled = disabled, _classes2);
// Use a warning here instead of in propTypes to get better-looking
// generated documentation.
true ? (0, _warning2['default'])(!validationState, '`validationState` is ignored on `<Radio inline>`. To display ' + 'validation state on an inline radio, set `validationState` on a ' + 'parent `<FormGroup>` or other element instead.') : void 0;
return _react2['default'].createElement(
'label',
{ className: (0, _classnames2['default'])(className, _classes), style: style },
input,
children
);
}
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
disabled: disabled
});
if (validationState) {
classes['has-' + validationState] = true;
}
return _react2['default'].createElement(
'div',
{ className: (0, _classnames2['default'])(className, classes), style: style },
_react2['default'].createElement(
'label',
null,
input,
children
)
);
};
return Radio;
}(_react2['default'].Component);
Radio.propTypes = propTypes;
Radio.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('radio', Radio);
module.exports = exports['default'];
/***/ },
/* 240 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
// TODO: This should probably take a single `aspectRatio` prop.
var propTypes = {
/**
* This component requires a single child element
*/
children: _react.PropTypes.element.isRequired,
/**
* 16by9 aspect ratio
*/
a16by9: _react.PropTypes.bool,
/**
* 4by3 aspect ratio
*/
a4by3: _react.PropTypes.bool
};
var defaultProps = {
a16by9: false,
a4by3: false
};
var ResponsiveEmbed = function (_React$Component) {
(0, _inherits3['default'])(ResponsiveEmbed, _React$Component);
function ResponsiveEmbed() {
(0, _classCallCheck3['default'])(this, ResponsiveEmbed);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
ResponsiveEmbed.prototype.render = function render() {
var _extends2;
var _props = this.props;
var a16by9 = _props.a16by9;
var a4by3 = _props.a4by3;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['a16by9', 'a4by3', 'className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
true ? (0, _warning2['default'])(a16by9 || a4by3, 'Either `a16by9` or `a4by3` must be set.') : void 0;
true ? (0, _warning2['default'])(!(a16by9 && a4by3), 'Only one of `a16by9` or `a4by3` can be set.') : void 0;
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, '16by9')] = a16by9, _extends2[(0, _bootstrapUtils.prefix)(bsProps, '4by3')] = a4by3, _extends2));
return _react2['default'].createElement(
'div',
{ className: (0, _classnames2['default'])(classes) },
(0, _react.cloneElement)(children, (0, _extends4['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, (0, _bootstrapUtils.prefix)(bsProps, 'item'))
}))
);
};
return ResponsiveEmbed;
}(_react2['default'].Component);
ResponsiveEmbed.propTypes = propTypes;
ResponsiveEmbed.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('embed-responsive', ResponsiveEmbed);
module.exports = exports['default'];
/***/ },
/* 241 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default']
};
var defaultProps = {
componentClass: 'div'
};
var Row = function (_React$Component) {
(0, _inherits3['default'])(Row, _React$Component);
function Row() {
(0, _classCallCheck3['default'])(this, Row);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Row.prototype.render = function render() {
var _props = this.props;
var Component = _props.componentClass;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['componentClass', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Row;
}(_react2['default'].Component);
Row.propTypes = propTypes;
Row.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('row', Row);
module.exports = exports['default'];
/***/ },
/* 242 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _Button = __webpack_require__(108);
var _Button2 = _interopRequireDefault(_Button);
var _Dropdown = __webpack_require__(137);
var _Dropdown2 = _interopRequireDefault(_Dropdown);
var _SplitToggle = __webpack_require__(243);
var _SplitToggle2 = _interopRequireDefault(_SplitToggle);
var _splitComponentProps2 = __webpack_require__(163);
var _splitComponentProps3 = _interopRequireDefault(_splitComponentProps2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = (0, _extends3['default'])({}, _Dropdown2['default'].propTypes, {
// Toggle props.
bsStyle: _react2['default'].PropTypes.string,
bsSize: _react2['default'].PropTypes.string,
href: _react2['default'].PropTypes.string,
onClick: _react2['default'].PropTypes.func,
/**
* The content of the split button.
*/
title: _react2['default'].PropTypes.node.isRequired,
/**
* Accessible label for the toggle; the value of `title` if not specified.
*/
toggleLabel: _react2['default'].PropTypes.string,
// Override generated docs from <Dropdown>.
/**
* @private
*/
children: _react2['default'].PropTypes.node
});
var SplitButton = function (_React$Component) {
(0, _inherits3['default'])(SplitButton, _React$Component);
function SplitButton() {
(0, _classCallCheck3['default'])(this, SplitButton);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
SplitButton.prototype.render = function render() {
var _props = this.props;
var bsSize = _props.bsSize;
var bsStyle = _props.bsStyle;
var title = _props.title;
var toggleLabel = _props.toggleLabel;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['bsSize', 'bsStyle', 'title', 'toggleLabel', 'children']);
var _splitComponentProps = (0, _splitComponentProps3['default'])(props, _Dropdown2['default'].ControlledComponent);
var dropdownProps = _splitComponentProps[0];
var buttonProps = _splitComponentProps[1];
return _react2['default'].createElement(
_Dropdown2['default'],
(0, _extends3['default'])({}, dropdownProps, {
bsSize: bsSize,
bsStyle: bsStyle
}),
_react2['default'].createElement(
_Button2['default'],
(0, _extends3['default'])({}, buttonProps, {
disabled: props.disabled,
bsSize: bsSize,
bsStyle: bsStyle
}),
title
),
_react2['default'].createElement(_SplitToggle2['default'], {
'aria-label': toggleLabel || title,
bsSize: bsSize,
bsStyle: bsStyle
}),
_react2['default'].createElement(
_Dropdown2['default'].Menu,
null,
children
)
);
};
return SplitButton;
}(_react2['default'].Component);
SplitButton.propTypes = propTypes;
SplitButton.Toggle = _SplitToggle2['default'];
exports['default'] = SplitButton;
module.exports = exports['default'];
/***/ },
/* 243 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _DropdownToggle = __webpack_require__(160);
var _DropdownToggle2 = _interopRequireDefault(_DropdownToggle);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var SplitToggle = function (_React$Component) {
(0, _inherits3['default'])(SplitToggle, _React$Component);
function SplitToggle() {
(0, _classCallCheck3['default'])(this, SplitToggle);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
SplitToggle.prototype.render = function render() {
return _react2['default'].createElement(_DropdownToggle2['default'], (0, _extends3['default'])({}, this.props, {
useAnchor: false,
noCaret: false
}));
};
return SplitToggle;
}(_react2['default'].Component);
SplitToggle.defaultProps = _DropdownToggle2['default'].defaultProps;
exports['default'] = SplitToggle;
module.exports = exports['default'];
/***/ },
/* 244 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _TabContainer = __webpack_require__(245);
var _TabContainer2 = _interopRequireDefault(_TabContainer);
var _TabContent = __webpack_require__(246);
var _TabContent2 = _interopRequireDefault(_TabContent);
var _TabPane = __webpack_require__(247);
var _TabPane2 = _interopRequireDefault(_TabPane);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = (0, _extends3['default'])({}, _TabPane2['default'].propTypes, {
disabled: _react2['default'].PropTypes.bool,
title: _react2['default'].PropTypes.node,
/**
* tabClassName is used as className for the associated NavItem
*/
tabClassName: _react2['default'].PropTypes.string
});
var Tab = function (_React$Component) {
(0, _inherits3['default'])(Tab, _React$Component);
function Tab() {
(0, _classCallCheck3['default'])(this, Tab);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Tab.prototype.render = function render() {
var props = (0, _extends3['default'])({}, this.props);
// These props are for the parent `<Tabs>` rather than the `<TabPane>`.
delete props.title;
delete props.disabled;
delete props.tabClassName;
return _react2['default'].createElement(_TabPane2['default'], props);
};
return Tab;
}(_react2['default'].Component);
Tab.propTypes = propTypes;
Tab.Container = _TabContainer2['default'];
Tab.Content = _TabContent2['default'];
Tab.Pane = _TabPane2['default'];
exports['default'] = Tab;
module.exports = exports['default'];
/***/ },
/* 245 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _uncontrollable = __webpack_require__(143);
var _uncontrollable2 = _interopRequireDefault(_uncontrollable);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var TAB = 'tab';
var PANE = 'pane';
var idPropType = _react.PropTypes.oneOfType([_react.PropTypes.string, _react.PropTypes.number]);
var propTypes = {
/**
* HTML id attribute, required if no `generateChildId` prop
* is specified.
*/
id: function id(props) {
var error = null;
if (!props.generateChildId) {
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
error = idPropType.apply(undefined, [props].concat(args));
if (!error && !props.id) {
error = new Error('In order to properly initialize Tabs in a way that is accessible ' + 'to assistive technologies (such as screen readers) an `id` or a ' + '`generateChildId` prop to TabContainer is required');
}
}
return error;
},
/**
* A function that takes an `eventKey` and `type` and returns a unique id for
* child tab `<NavItem>`s and `<TabPane>`s. The function _must_ be a pure
* function, meaning it should always return the _same_ id for the same set
* of inputs. The default value requires that an `id` to be set for the
* `<TabContainer>`.
*
* The `type` argument will either be `"tab"` or `"pane"`.
*
* @defaultValue (eventKey, type) => `${this.props.id}-${type}-${key}`
*/
generateChildId: _react.PropTypes.func,
/**
* A callback fired when a tab is selected.
*
* @controllable activeKey
*/
onSelect: _react.PropTypes.func,
/**
* The `eventKey` of the currently active tab.
*
* @controllable onSelect
*/
activeKey: _react.PropTypes.any
};
var childContextTypes = {
$bs_tabContainer: _react2['default'].PropTypes.shape({
activeKey: _react.PropTypes.any,
onSelect: _react.PropTypes.func.isRequired,
getTabId: _react.PropTypes.func.isRequired,
getPaneId: _react.PropTypes.func.isRequired
})
};
var TabContainer = function (_React$Component) {
(0, _inherits3['default'])(TabContainer, _React$Component);
function TabContainer() {
(0, _classCallCheck3['default'])(this, TabContainer);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
TabContainer.prototype.getChildContext = function getChildContext() {
var _props = this.props;
var activeKey = _props.activeKey;
var onSelect = _props.onSelect;
var generateChildId = _props.generateChildId;
var id = _props.id;
var getId = generateChildId || function (key, type) {
return id ? id + '-' + type + '-' + key : null;
};
return {
$bs_tabContainer: {
activeKey: activeKey,
onSelect: onSelect,
getTabId: function getTabId(key) {
return getId(key, TAB);
},
getPaneId: function getPaneId(key) {
return getId(key, PANE);
}
}
};
};
TabContainer.prototype.render = function render() {
var _props2 = this.props;
var children = _props2.children;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['children']);
delete props.generateChildId;
delete props.onSelect;
delete props.activeKey;
return _react2['default'].cloneElement(_react2['default'].Children.only(children), props);
};
return TabContainer;
}(_react2['default'].Component);
TabContainer.propTypes = propTypes;
TabContainer.childContextTypes = childContextTypes;
exports['default'] = (0, _uncontrollable2['default'])(TabContainer, { activeKey: 'onSelect' });
module.exports = exports['default'];
/***/ },
/* 246 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
componentClass: _elementType2['default'],
/**
* Sets a default animation strategy for all children `<TabPane>`s. Use
* `false` to disable, `true` to enable the default `<Fade>` animation or any
* `<Transition>` component.
*/
animation: _react.PropTypes.oneOfType([_react.PropTypes.bool, _elementType2['default']]),
/**
* Unmount tabs (remove it from the DOM) when they are no longer visible
*/
unmountOnExit: _react.PropTypes.bool
};
var defaultProps = {
componentClass: 'div',
animation: true,
unmountOnExit: false
};
var contextTypes = {
$bs_tabContainer: _react.PropTypes.shape({
activeKey: _react.PropTypes.any
})
};
var childContextTypes = {
$bs_tabContent: _react.PropTypes.shape({
bsClass: _react.PropTypes.string,
animation: _react.PropTypes.oneOfType([_react.PropTypes.bool, _elementType2['default']]),
activeKey: _react.PropTypes.any,
unmountOnExit: _react.PropTypes.bool,
onPaneEnter: _react.PropTypes.func.isRequired,
onPaneExited: _react.PropTypes.func.isRequired,
exiting: _react.PropTypes.bool.isRequired
})
};
var TabContent = function (_React$Component) {
(0, _inherits3['default'])(TabContent, _React$Component);
function TabContent(props, context) {
(0, _classCallCheck3['default'])(this, TabContent);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handlePaneEnter = _this.handlePaneEnter.bind(_this);
_this.handlePaneExited = _this.handlePaneExited.bind(_this);
// Active entries in state will be `null` unless `animation` is set. Need
// to track active child in case keys swap and the active child changes
// but the active key does not.
_this.state = {
activeKey: null,
activeChild: null
};
return _this;
}
TabContent.prototype.getChildContext = function getChildContext() {
var _props = this.props;
var bsClass = _props.bsClass;
var animation = _props.animation;
var unmountOnExit = _props.unmountOnExit;
var stateActiveKey = this.state.activeKey;
var containerActiveKey = this.getContainerActiveKey();
var activeKey = stateActiveKey != null ? stateActiveKey : containerActiveKey;
var exiting = stateActiveKey != null && stateActiveKey !== containerActiveKey;
return {
$bs_tabContent: {
bsClass: bsClass,
animation: animation,
activeKey: activeKey,
unmountOnExit: unmountOnExit,
onPaneEnter: this.handlePaneEnter,
onPaneExited: this.handlePaneExited,
exiting: exiting
}
};
};
TabContent.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (!nextProps.animation && this.state.activeChild) {
this.setState({ activeKey: null, activeChild: null });
}
};
TabContent.prototype.componentWillUnmount = function componentWillUnmount() {
this.isUnmounted = true;
};
TabContent.prototype.handlePaneEnter = function handlePaneEnter(child, childKey) {
if (!this.props.animation) {
return false;
}
// It's possible that this child should be transitioning out.
if (childKey !== this.getContainerActiveKey()) {
return false;
}
this.setState({
activeKey: childKey,
activeChild: child
});
return true;
};
TabContent.prototype.handlePaneExited = function handlePaneExited(child) {
// This might happen as everything is unmounting.
if (this.isUnmounted) {
return;
}
this.setState(function (_ref) {
var activeChild = _ref.activeChild;
if (activeChild !== child) {
return null;
}
return {
activeKey: null,
activeChild: null
};
});
};
TabContent.prototype.getContainerActiveKey = function getContainerActiveKey() {
var tabContainer = this.context.$bs_tabContainer;
return tabContainer && tabContainer.activeKey;
};
TabContent.prototype.render = function render() {
var _props2 = this.props;
var Component = _props2.componentClass;
var className = _props2.className;
var props = (0, _objectWithoutProperties3['default'])(_props2, ['componentClass', 'className']);
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['animation', 'unmountOnExit']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
return _react2['default'].createElement(Component, (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, (0, _bootstrapUtils.prefix)(bsProps, 'content'))
}));
};
return TabContent;
}(_react2['default'].Component);
TabContent.propTypes = propTypes;
TabContent.defaultProps = defaultProps;
TabContent.contextTypes = contextTypes;
TabContent.childContextTypes = childContextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('tab', TabContent);
module.exports = exports['default'];
/***/ },
/* 247 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _elementType = __webpack_require__(106);
var _elementType2 = _interopRequireDefault(_elementType);
var _warning = __webpack_require__(119);
var _warning2 = _interopRequireDefault(_warning);
var _bootstrapUtils = __webpack_require__(89);
var _createChainedFunction = __webpack_require__(96);
var _createChainedFunction2 = _interopRequireDefault(_createChainedFunction);
var _Fade = __webpack_require__(164);
var _Fade2 = _interopRequireDefault(_Fade);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* Uniquely identify the `<TabPane>` among its siblings.
*/
eventKey: _react.PropTypes.any,
/**
* Use animation when showing or hiding `<TabPane>`s. Use `false` to disable,
* `true` to enable the default `<Fade>` animation or any `<Transition>`
* component.
*/
animation: _react.PropTypes.oneOfType([_react.PropTypes.bool, _elementType2['default']]),
/** @private **/
id: _react.PropTypes.string,
/** @private **/
'aria-labelledby': _react.PropTypes.string,
/**
* If not explicitly specified and rendered in the context of a
* `<TabContent>`, the `bsClass` of the `<TabContent>` suffixed by `-pane`.
* If otherwise not explicitly specified, `tab-pane`.
*/
bsClass: _react2['default'].PropTypes.string,
/**
* Transition onEnter callback when animation is not `false`
*/
onEnter: _react.PropTypes.func,
/**
* Transition onEntering callback when animation is not `false`
*/
onEntering: _react.PropTypes.func,
/**
* Transition onEntered callback when animation is not `false`
*/
onEntered: _react.PropTypes.func,
/**
* Transition onExit callback when animation is not `false`
*/
onExit: _react.PropTypes.func,
/**
* Transition onExiting callback when animation is not `false`
*/
onExiting: _react.PropTypes.func,
/**
* Transition onExited callback when animation is not `false`
*/
onExited: _react.PropTypes.func,
/**
* Unmount the tab (remove it from the DOM) when it is no longer visible
*/
unmountOnExit: _react.PropTypes.bool
};
var contextTypes = {
$bs_tabContainer: _react.PropTypes.shape({
getId: _react.PropTypes.func,
unmountOnExit: _react.PropTypes.bool
}),
$bs_tabContent: _react.PropTypes.shape({
bsClass: _react.PropTypes.string,
animation: _react.PropTypes.oneOfType([_react.PropTypes.bool, _elementType2['default']]),
activeKey: _react.PropTypes.any,
unmountOnExit: _react.PropTypes.bool,
onPaneEnter: _react.PropTypes.func.isRequired,
onPaneExited: _react.PropTypes.func.isRequired,
exiting: _react.PropTypes.bool.isRequired
})
};
/**
* We override the `<TabContainer>` context so `<Nav>`s in `<TabPane>`s don't
* conflict with the top level one.
*/
var childContextTypes = {
$bs_tabContainer: _react.PropTypes.oneOf([null])
};
var TabPane = function (_React$Component) {
(0, _inherits3['default'])(TabPane, _React$Component);
function TabPane(props, context) {
(0, _classCallCheck3['default'])(this, TabPane);
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props, context));
_this.handleEnter = _this.handleEnter.bind(_this);
_this.handleExited = _this.handleExited.bind(_this);
_this['in'] = false;
return _this;
}
TabPane.prototype.getChildContext = function getChildContext() {
return {
$bs_tabContainer: null
};
};
TabPane.prototype.componentDidMount = function componentDidMount() {
if (this.shouldBeIn()) {
// In lieu of the action event firing.
this.handleEnter();
}
};
TabPane.prototype.componentDidUpdate = function componentDidUpdate() {
if (this['in']) {
if (!this.shouldBeIn()) {
// We shouldn't be active any more. Notify the parent.
this.handleExited();
}
} else if (this.shouldBeIn()) {
// We are the active child. Notify the parent.
this.handleEnter();
}
};
TabPane.prototype.componentWillUnmount = function componentWillUnmount() {
if (this['in']) {
// In lieu of the action event firing.
this.handleExited();
}
};
TabPane.prototype.handleEnter = function handleEnter() {
var tabContent = this.context.$bs_tabContent;
if (!tabContent) {
return;
}
this['in'] = tabContent.onPaneEnter(this, this.props.eventKey);
};
TabPane.prototype.handleExited = function handleExited() {
var tabContent = this.context.$bs_tabContent;
if (!tabContent) {
return;
}
tabContent.onPaneExited(this);
this['in'] = false;
};
TabPane.prototype.getAnimation = function getAnimation() {
if (this.props.animation != null) {
return this.props.animation;
}
var tabContent = this.context.$bs_tabContent;
return tabContent && tabContent.animation;
};
TabPane.prototype.isActive = function isActive() {
var tabContent = this.context.$bs_tabContent;
var activeKey = tabContent && tabContent.activeKey;
return this.props.eventKey === activeKey;
};
TabPane.prototype.shouldBeIn = function shouldBeIn() {
return this.getAnimation() && this.isActive();
};
TabPane.prototype.render = function render() {
var _props = this.props;
var eventKey = _props.eventKey;
var className = _props.className;
var onEnter = _props.onEnter;
var onEntering = _props.onEntering;
var onEntered = _props.onEntered;
var onExit = _props.onExit;
var onExiting = _props.onExiting;
var onExited = _props.onExited;
var propsUnmountOnExit = _props.unmountOnExit;
var props = (0, _objectWithoutProperties3['default'])(_props, ['eventKey', 'className', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited', 'unmountOnExit']);
var _context = this.context;
var tabContent = _context.$bs_tabContent;
var tabContainer = _context.$bs_tabContainer;
var _splitBsPropsAndOmit = (0, _bootstrapUtils.splitBsPropsAndOmit)(props, ['animation']);
var bsProps = _splitBsPropsAndOmit[0];
var elementProps = _splitBsPropsAndOmit[1];
var active = this.isActive();
var animation = this.getAnimation();
var unmountOnExit = propsUnmountOnExit != null ? propsUnmountOnExit : tabContent && tabContent.unmountOnExit;
if (!active && !animation && unmountOnExit) {
return null;
}
var Transition = animation === true ? _Fade2['default'] : animation || null;
if (tabContent) {
bsProps.bsClass = (0, _bootstrapUtils.prefix)(tabContent, 'pane');
}
var classes = (0, _extends3['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), {
active: active
});
if (tabContainer) {
true ? (0, _warning2['default'])(!elementProps.id && !elementProps['aria-labelledby'], 'In the context of a `<TabContainer>`, `<TabPanes>` are given ' + 'generated `id` and `aria-labelledby` attributes for the sake of ' + 'proper component accessibility. Any provided ones will be ignored. ' + 'To control these attributes directly provide a `generateChildId` ' + 'prop to the parent `<TabContainer>`.') : void 0;
elementProps.id = tabContainer.getPaneId(eventKey);
elementProps['aria-labelledby'] = tabContainer.getTabId(eventKey);
}
var pane = _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
role: 'tabpanel',
'aria-hidden': !active,
className: (0, _classnames2['default'])(className, classes)
}));
if (Transition) {
var exiting = tabContent && tabContent.exiting;
return _react2['default'].createElement(
Transition,
{
'in': active && !exiting,
onEnter: (0, _createChainedFunction2['default'])(this.handleEnter, onEnter),
onEntering: onEntering,
onEntered: onEntered,
onExit: onExit,
onExiting: onExiting,
onExited: (0, _createChainedFunction2['default'])(this.handleExited, onExited),
unmountOnExit: unmountOnExit
},
pane
);
}
return pane;
};
return TabPane;
}(_react2['default'].Component);
TabPane.propTypes = propTypes;
TabPane.contextTypes = contextTypes;
TabPane.childContextTypes = childContextTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('tab-pane', TabPane);
module.exports = exports['default'];
/***/ },
/* 248 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
striped: _react2['default'].PropTypes.bool,
bordered: _react2['default'].PropTypes.bool,
condensed: _react2['default'].PropTypes.bool,
hover: _react2['default'].PropTypes.bool,
responsive: _react2['default'].PropTypes.bool
};
var defaultProps = {
bordered: false,
condensed: false,
hover: false,
responsive: false,
striped: false
};
var Table = function (_React$Component) {
(0, _inherits3['default'])(Table, _React$Component);
function Table() {
(0, _classCallCheck3['default'])(this, Table);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Table.prototype.render = function render() {
var _extends2;
var _props = this.props;
var striped = _props.striped;
var bordered = _props.bordered;
var condensed = _props.condensed;
var hover = _props.hover;
var responsive = _props.responsive;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['striped', 'bordered', 'condensed', 'hover', 'responsive', 'className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'striped')] = striped, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'bordered')] = bordered, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'condensed')] = condensed, _extends2[(0, _bootstrapUtils.prefix)(bsProps, 'hover')] = hover, _extends2));
var table = _react2['default'].createElement('table', (0, _extends4['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
if (responsive) {
return _react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'responsive') },
table
);
}
return table;
};
return Table;
}(_react2['default'].Component);
Table.propTypes = propTypes;
Table.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('table', Table);
module.exports = exports['default'];
/***/ },
/* 249 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _isRequiredForA11y = __webpack_require__(142);
var _isRequiredForA11y2 = _interopRequireDefault(_isRequiredForA11y);
var _uncontrollable = __webpack_require__(143);
var _uncontrollable2 = _interopRequireDefault(_uncontrollable);
var _Nav = __webpack_require__(211);
var _Nav2 = _interopRequireDefault(_Nav);
var _NavItem = __webpack_require__(218);
var _NavItem2 = _interopRequireDefault(_NavItem);
var _TabContainer = __webpack_require__(245);
var _TabContainer2 = _interopRequireDefault(_TabContainer);
var _TabContent = __webpack_require__(246);
var _TabContent2 = _interopRequireDefault(_TabContent);
var _bootstrapUtils = __webpack_require__(89);
var _ValidComponentChildren = __webpack_require__(97);
var _ValidComponentChildren2 = _interopRequireDefault(_ValidComponentChildren);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var TabContainer = _TabContainer2['default'].ControlledComponent;
var propTypes = {
/**
* Mark the Tab with a matching `eventKey` as active.
*
* @controllable onSelect
*/
activeKey: _react2['default'].PropTypes.any,
/**
* Navigation style
*/
bsStyle: _react2['default'].PropTypes.oneOf(['tabs', 'pills']),
animation: _react2['default'].PropTypes.bool,
id: (0, _isRequiredForA11y2['default'])(_react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number])),
/**
* Callback fired when a Tab is selected.
*
* ```js
* function (
* Any eventKey,
* SyntheticEvent event?
* )
* ```
*
* @controllable activeKey
*/
onSelect: _react2['default'].PropTypes.func,
/**
* Unmount tabs (remove it from the DOM) when it is no longer visible
*/
unmountOnExit: _react2['default'].PropTypes.bool
};
var defaultProps = {
bsStyle: 'tabs',
animation: true,
unmountOnExit: false
};
function getDefaultActiveKey(children) {
var defaultActiveKey = void 0;
_ValidComponentChildren2['default'].forEach(children, function (child) {
if (defaultActiveKey == null) {
defaultActiveKey = child.props.eventKey;
}
});
return defaultActiveKey;
}
var Tabs = function (_React$Component) {
(0, _inherits3['default'])(Tabs, _React$Component);
function Tabs() {
(0, _classCallCheck3['default'])(this, Tabs);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Tabs.prototype.renderTab = function renderTab(child) {
var _child$props = child.props;
var title = _child$props.title;
var eventKey = _child$props.eventKey;
var disabled = _child$props.disabled;
var tabClassName = _child$props.tabClassName;
if (title == null) {
return null;
}
return _react2['default'].createElement(
_NavItem2['default'],
{
eventKey: eventKey,
disabled: disabled,
className: tabClassName
},
title
);
};
Tabs.prototype.render = function render() {
var _props = this.props;
var id = _props.id;
var onSelect = _props.onSelect;
var animation = _props.animation;
var unmountOnExit = _props.unmountOnExit;
var bsClass = _props.bsClass;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var _props$activeKey = _props.activeKey;
var activeKey = _props$activeKey === undefined ? getDefaultActiveKey(children) : _props$activeKey;
var props = (0, _objectWithoutProperties3['default'])(_props, ['id', 'onSelect', 'animation', 'unmountOnExit', 'bsClass', 'className', 'style', 'children', 'activeKey']);
return _react2['default'].createElement(
TabContainer,
{
id: id,
activeKey: activeKey,
onSelect: onSelect,
className: className,
style: style
},
_react2['default'].createElement(
'div',
null,
_react2['default'].createElement(
_Nav2['default'],
(0, _extends3['default'])({}, props, {
role: 'tablist'
}),
_ValidComponentChildren2['default'].map(children, this.renderTab)
),
_react2['default'].createElement(
_TabContent2['default'],
{
bsClass: bsClass,
animation: animation,
unmountOnExit: unmountOnExit
},
children
)
)
);
};
return Tabs;
}(_react2['default'].Component);
Tabs.propTypes = propTypes;
Tabs.defaultProps = defaultProps;
(0, _bootstrapUtils.bsClass)('tab', Tabs);
exports['default'] = (0, _uncontrollable2['default'])(Tabs, { activeKey: 'onSelect' });
module.exports = exports['default'];
/***/ },
/* 250 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _SafeAnchor = __webpack_require__(105);
var _SafeAnchor2 = _interopRequireDefault(_SafeAnchor);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
src: _react2['default'].PropTypes.string,
alt: _react2['default'].PropTypes.string,
href: _react2['default'].PropTypes.string
};
var Thumbnail = function (_React$Component) {
(0, _inherits3['default'])(Thumbnail, _React$Component);
function Thumbnail() {
(0, _classCallCheck3['default'])(this, Thumbnail);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Thumbnail.prototype.render = function render() {
var _props = this.props;
var src = _props.src;
var alt = _props.alt;
var className = _props.className;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['src', 'alt', 'className', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var Component = elementProps.href ? _SafeAnchor2['default'] : 'div';
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement(
Component,
(0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}),
_react2['default'].createElement('img', { src: src, alt: alt }),
children && _react2['default'].createElement(
'div',
{ className: 'caption' },
children
)
);
};
return Thumbnail;
}(_react2['default'].Component);
Thumbnail.propTypes = propTypes;
exports['default'] = (0, _bootstrapUtils.bsClass)('thumbnail', Thumbnail);
module.exports = exports['default'];
/***/ },
/* 251 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends3 = __webpack_require__(2);
var _extends4 = _interopRequireDefault(_extends3);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _isRequiredForA11y = __webpack_require__(142);
var _isRequiredForA11y2 = _interopRequireDefault(_isRequiredForA11y);
var _bootstrapUtils = __webpack_require__(89);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var propTypes = {
/**
* An html id attribute, necessary for accessibility
* @type {string|number}
* @required
*/
id: (0, _isRequiredForA11y2['default'])(_react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.number])),
/**
* Sets the direction the Tooltip is positioned towards.
*/
placement: _react2['default'].PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
/**
* The "top" position value for the Tooltip.
*/
positionTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* The "left" position value for the Tooltip.
*/
positionLeft: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* The "top" position value for the Tooltip arrow.
*/
arrowOffsetTop: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string]),
/**
* The "left" position value for the Tooltip arrow.
*/
arrowOffsetLeft: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.string])
};
var defaultProps = {
placement: 'right'
};
var Tooltip = function (_React$Component) {
(0, _inherits3['default'])(Tooltip, _React$Component);
function Tooltip() {
(0, _classCallCheck3['default'])(this, Tooltip);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Tooltip.prototype.render = function render() {
var _extends2;
var _props = this.props;
var placement = _props.placement;
var positionTop = _props.positionTop;
var positionLeft = _props.positionLeft;
var arrowOffsetTop = _props.arrowOffsetTop;
var arrowOffsetLeft = _props.arrowOffsetLeft;
var className = _props.className;
var style = _props.style;
var children = _props.children;
var props = (0, _objectWithoutProperties3['default'])(_props, ['placement', 'positionTop', 'positionLeft', 'arrowOffsetTop', 'arrowOffsetLeft', 'className', 'style', 'children']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _extends4['default'])({}, (0, _bootstrapUtils.getClassSet)(bsProps), (_extends2 = {}, _extends2[placement] = true, _extends2));
var outerStyle = (0, _extends4['default'])({
top: positionTop,
left: positionLeft
}, style);
var arrowStyle = {
top: arrowOffsetTop,
left: arrowOffsetLeft
};
return _react2['default'].createElement(
'div',
(0, _extends4['default'])({}, elementProps, {
role: 'tooltip',
className: (0, _classnames2['default'])(className, classes),
style: outerStyle
}),
_react2['default'].createElement('div', { className: (0, _bootstrapUtils.prefix)(bsProps, 'arrow'), style: arrowStyle }),
_react2['default'].createElement(
'div',
{ className: (0, _bootstrapUtils.prefix)(bsProps, 'inner') },
children
)
);
};
return Tooltip;
}(_react2['default'].Component);
Tooltip.propTypes = propTypes;
Tooltip.defaultProps = defaultProps;
exports['default'] = (0, _bootstrapUtils.bsClass)('tooltip', Tooltip);
module.exports = exports['default'];
/***/ },
/* 252 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
var _extends2 = __webpack_require__(2);
var _extends3 = _interopRequireDefault(_extends2);
var _objectWithoutProperties2 = __webpack_require__(87);
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _classCallCheck2 = __webpack_require__(40);
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = __webpack_require__(41);
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = __webpack_require__(77);
var _inherits3 = _interopRequireDefault(_inherits2);
var _classnames = __webpack_require__(88);
var _classnames2 = _interopRequireDefault(_classnames);
var _react = __webpack_require__(85);
var _react2 = _interopRequireDefault(_react);
var _bootstrapUtils = __webpack_require__(89);
var _StyleConfig = __webpack_require__(95);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var Well = function (_React$Component) {
(0, _inherits3['default'])(Well, _React$Component);
function Well() {
(0, _classCallCheck3['default'])(this, Well);
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
}
Well.prototype.render = function render() {
var _props = this.props;
var className = _props.className;
var props = (0, _objectWithoutProperties3['default'])(_props, ['className']);
var _splitBsProps = (0, _bootstrapUtils.splitBsProps)(props);
var bsProps = _splitBsProps[0];
var elementProps = _splitBsProps[1];
var classes = (0, _bootstrapUtils.getClassSet)(bsProps);
return _react2['default'].createElement('div', (0, _extends3['default'])({}, elementProps, {
className: (0, _classnames2['default'])(className, classes)
}));
};
return Well;
}(_react2['default'].Component);
exports['default'] = (0, _bootstrapUtils.bsClass)('well', (0, _bootstrapUtils.bsSizes)([_StyleConfig.Size.LARGE, _StyleConfig.Size.SMALL], Well));
module.exports = exports['default'];
/***/ },
/* 253 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
exports.__esModule = true;
exports.ValidComponentChildren = exports.createChainedFunction = exports.bootstrapUtils = undefined;
var _bootstrapUtils2 = __webpack_require__(89);
var _bootstrapUtils = _interopRequireWildcard(_bootstrapUtils2);
var _createChainedFunction2 = __webpack_require__(96);
var _createChainedFunction3 = _interopRequireDefault(_createChainedFunction2);
var _ValidComponentChildren2 = __webpack_require__(97);
var _ValidComponentChildren3 = _interopRequireDefault(_ValidComponentChildren2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj['default'] = obj; return newObj; } }
exports.bootstrapUtils = _bootstrapUtils;
exports.createChainedFunction = _createChainedFunction3['default'];
exports.ValidComponentChildren = _ValidComponentChildren3['default'];
/***/ }
/******/ ])
});
;