UNPKG

react-bootstrap

Version:

Bootstrap 3 components build with React

1,642 lines (1,237 loc) 296 kB
(function webpackUniversalModuleDefinition(root, factory) { if(typeof exports === 'object' && typeof module === 'object') module.exports = factory(require("react")); else if(typeof define === 'function' && define.amd) define(["react"], factory); else if(typeof exports === 'object') exports["ReactBootstrap"] = factory(require("react")); else root["ReactBootstrap"] = factory(root["React"]); })(this, function(__WEBPACK_EXTERNAL_MODULE_2__) { 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'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _Accordion = __webpack_require__(4); var _Accordion2 = _interopRequireDefault(_Accordion); var _Affix = __webpack_require__(10); var _Affix2 = _interopRequireDefault(_Affix); var _AffixMixin = __webpack_require__(11); var _AffixMixin2 = _interopRequireDefault(_AffixMixin); var _Alert = __webpack_require__(14); var _Alert2 = _interopRequireDefault(_Alert); var _BootstrapMixin = __webpack_require__(6); var _BootstrapMixin2 = _interopRequireDefault(_BootstrapMixin); var _Badge = __webpack_require__(15); var _Badge2 = _interopRequireDefault(_Badge); var _Button = __webpack_require__(16); var _Button2 = _interopRequireDefault(_Button); var _ButtonGroup = __webpack_require__(17); var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup); var _ButtonInput = __webpack_require__(18); var _ButtonInput2 = _interopRequireDefault(_ButtonInput); var _ButtonToolbar = __webpack_require__(22); var _ButtonToolbar2 = _interopRequireDefault(_ButtonToolbar); var _CollapsibleNav = __webpack_require__(23); var _CollapsibleNav2 = _interopRequireDefault(_CollapsibleNav); var _Carousel = __webpack_require__(27); var _Carousel2 = _interopRequireDefault(_Carousel); var _CarouselItem = __webpack_require__(29); var _CarouselItem2 = _interopRequireDefault(_CarouselItem); var _Col = __webpack_require__(30); var _Col2 = _interopRequireDefault(_Col); var _CollapsibleMixin = __webpack_require__(24); var _CollapsibleMixin2 = _interopRequireDefault(_CollapsibleMixin); var _DropdownButton = __webpack_require__(31); var _DropdownButton2 = _interopRequireDefault(_DropdownButton); var _DropdownMenu = __webpack_require__(33); var _DropdownMenu2 = _interopRequireDefault(_DropdownMenu); var _DropdownStateMixin = __webpack_require__(32); var _DropdownStateMixin2 = _interopRequireDefault(_DropdownStateMixin); var _FadeMixin = __webpack_require__(34); var _FadeMixin2 = _interopRequireDefault(_FadeMixin); var _FormControls = __webpack_require__(35); var _FormControls2 = _interopRequireDefault(_FormControls); var _Glyphicon = __webpack_require__(28); var _Glyphicon2 = _interopRequireDefault(_Glyphicon); var _Grid = __webpack_require__(37); var _Grid2 = _interopRequireDefault(_Grid); var _Input = __webpack_require__(38); var _Input2 = _interopRequireDefault(_Input); var _Interpolate = __webpack_require__(40); var _Interpolate2 = _interopRequireDefault(_Interpolate); var _Jumbotron = __webpack_require__(41); var _Jumbotron2 = _interopRequireDefault(_Jumbotron); var _Label = __webpack_require__(42); var _Label2 = _interopRequireDefault(_Label); var _ListGroup = __webpack_require__(43); var _ListGroup2 = _interopRequireDefault(_ListGroup); var _ListGroupItem = __webpack_require__(44); var _ListGroupItem2 = _interopRequireDefault(_ListGroupItem); var _MenuItem = __webpack_require__(45); var _MenuItem2 = _interopRequireDefault(_MenuItem); var _Modal = __webpack_require__(46); var _Modal2 = _interopRequireDefault(_Modal); var _ModalHeader = __webpack_require__(50); var _ModalHeader2 = _interopRequireDefault(_ModalHeader); var _ModalTitle = __webpack_require__(1); var _ModalTitle2 = _interopRequireDefault(_ModalTitle); var _ModalBody = __webpack_require__(49); var _ModalBody2 = _interopRequireDefault(_ModalBody); var _ModalFooter = __webpack_require__(51); var _ModalFooter2 = _interopRequireDefault(_ModalFooter); var _Nav = __webpack_require__(52); var _Nav2 = _interopRequireDefault(_Nav); var _Navbar = __webpack_require__(53); var _Navbar2 = _interopRequireDefault(_Navbar); var _NavItem = __webpack_require__(54); var _NavItem2 = _interopRequireDefault(_NavItem); var _ModalTrigger = __webpack_require__(55); var _ModalTrigger2 = _interopRequireDefault(_ModalTrigger); var _OverlayTrigger = __webpack_require__(57); var _OverlayTrigger2 = _interopRequireDefault(_OverlayTrigger); var _OverlayMixin = __webpack_require__(48); var _OverlayMixin2 = _interopRequireDefault(_OverlayMixin); var _Overlay = __webpack_require__(58); var _Overlay2 = _interopRequireDefault(_Overlay); var _PageHeader = __webpack_require__(64); var _PageHeader2 = _interopRequireDefault(_PageHeader); var _Pagination = __webpack_require__(65); var _Pagination2 = _interopRequireDefault(_Pagination); var _Panel = __webpack_require__(68); var _Panel2 = _interopRequireDefault(_Panel); var _PanelGroup = __webpack_require__(5); var _PanelGroup2 = _interopRequireDefault(_PanelGroup); var _PageItem = __webpack_require__(69); var _PageItem2 = _interopRequireDefault(_PageItem); var _Pager = __webpack_require__(70); var _Pager2 = _interopRequireDefault(_Pager); var _Popover = __webpack_require__(71); var _Popover2 = _interopRequireDefault(_Popover); var _ProgressBar = __webpack_require__(72); var _ProgressBar2 = _interopRequireDefault(_ProgressBar); var _Row = __webpack_require__(73); var _Row2 = _interopRequireDefault(_Row); var _SplitButton = __webpack_require__(74); var _SplitButton2 = _interopRequireDefault(_SplitButton); var _SubNav = __webpack_require__(75); var _SubNav2 = _interopRequireDefault(_SubNav); var _TabbedArea = __webpack_require__(76); var _TabbedArea2 = _interopRequireDefault(_TabbedArea); var _Table = __webpack_require__(77); var _Table2 = _interopRequireDefault(_Table); var _TabPane = __webpack_require__(78); var _TabPane2 = _interopRequireDefault(_TabPane); var _Thumbnail = __webpack_require__(79); var _Thumbnail2 = _interopRequireDefault(_Thumbnail); var _Tooltip = __webpack_require__(80); var _Tooltip2 = _interopRequireDefault(_Tooltip); var _utils = __webpack_require__(81); var _utils2 = _interopRequireDefault(_utils); var _Well = __webpack_require__(82); var _Well2 = _interopRequireDefault(_Well); var _styleMaps = __webpack_require__(7); var _styleMaps2 = _interopRequireDefault(_styleMaps); var _Portal = __webpack_require__(47); var _Portal2 = _interopRequireDefault(_Portal); var _Position = __webpack_require__(59); var _Position2 = _interopRequireDefault(_Position); exports['default'] = { Accordion: _Accordion2['default'], Affix: _Affix2['default'], AffixMixin: _AffixMixin2['default'], Alert: _Alert2['default'], BootstrapMixin: _BootstrapMixin2['default'], Badge: _Badge2['default'], Button: _Button2['default'], ButtonGroup: _ButtonGroup2['default'], ButtonInput: _ButtonInput2['default'], ButtonToolbar: _ButtonToolbar2['default'], CollapsibleNav: _CollapsibleNav2['default'], Carousel: _Carousel2['default'], CarouselItem: _CarouselItem2['default'], Col: _Col2['default'], CollapsibleMixin: _CollapsibleMixin2['default'], DropdownButton: _DropdownButton2['default'], DropdownMenu: _DropdownMenu2['default'], DropdownStateMixin: _DropdownStateMixin2['default'], FadeMixin: _FadeMixin2['default'], FormControls: _FormControls2['default'], Glyphicon: _Glyphicon2['default'], Grid: _Grid2['default'], Input: _Input2['default'], Interpolate: _Interpolate2['default'], Jumbotron: _Jumbotron2['default'], Label: _Label2['default'], ListGroup: _ListGroup2['default'], ListGroupItem: _ListGroupItem2['default'], MenuItem: _MenuItem2['default'], Modal: _Modal2['default'], ModalHeader: _ModalHeader2['default'], ModalTitle: _ModalTitle2['default'], ModalBody: _ModalBody2['default'], ModalFooter: _ModalFooter2['default'], Nav: _Nav2['default'], Navbar: _Navbar2['default'], NavItem: _NavItem2['default'], ModalTrigger: _ModalTrigger2['default'], Overlay: _Overlay2['default'], OverlayTrigger: _OverlayTrigger2['default'], OverlayMixin: _OverlayMixin2['default'], PageHeader: _PageHeader2['default'], Panel: _Panel2['default'], PanelGroup: _PanelGroup2['default'], PageItem: _PageItem2['default'], Pager: _Pager2['default'], Pagination: _Pagination2['default'], Popover: _Popover2['default'], Portal: _Portal2['default'], Position: _Position2['default'], ProgressBar: _ProgressBar2['default'], Row: _Row2['default'], SplitButton: _SplitButton2['default'], SubNav: _SubNav2['default'], TabbedArea: _TabbedArea2['default'], Table: _Table2['default'], TabPane: _TabPane2['default'], Thumbnail: _Thumbnail2['default'], Tooltip: _Tooltip2['default'], utils: _utils2['default'], Well: _Well2['default'], styleMaps: _styleMaps2['default'] }; module.exports = exports['default']; /***/ }, /* 1 */ /***/ 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; }; })(); 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 _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) subClass.__proto__ = superClass; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var _classnames = __webpack_require__(3); var _classnames2 = _interopRequireDefault(_classnames); var ModalTitle = (function (_React$Component) { function ModalTitle() { _classCallCheck(this, ModalTitle); if (_React$Component != null) { _React$Component.apply(this, arguments); } } _inherits(ModalTitle, _React$Component); _createClass(ModalTitle, [{ key: 'render', value: function render() { return _react2['default'].createElement( 'h4', _extends({}, this.props, { className: (0, _classnames2['default'])(this.props.className, 'modal-title') }), this.props.children ); } }]); return ModalTitle; })(_react2['default'].Component); ModalTitle.propTypes = { /** * A css class applied to the Component */ modalClassName: _react2['default'].PropTypes.string }; ModalTitle.defaultProps = { modalClassName: 'modal-title' }; exports['default'] = ModalTitle; module.exports = exports['default']; /***/ }, /* 2 */ /***/ function(module, exports) { module.exports = __WEBPACK_EXTERNAL_MODULE_2__; /***/ }, /* 3 */ /***/ function(module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__;/*! Copyright (c) 2015 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ (function () { 'use strict'; function classNames () { var classes = ''; for (var i = 0; i < arguments.length; i++) { var arg = arguments[i]; if (!arg) continue; var argType = typeof arg; if ('string' === argType || 'number' === argType) { classes += ' ' + arg; } else if (Array.isArray(arg)) { classes += ' ' + classNames.apply(null, arg); } else if ('object' === argType) { for (var key in arg) { if (arg.hasOwnProperty(key) && arg[key]) { classes += ' ' + key; } } } } return classes.substr(1); } if (true) { // AMD. Register as an anonymous module. !(__WEBPACK_AMD_DEFINE_RESULT__ = function () { return classNames; }.call(exports, __webpack_require__, exports, module), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); } else if (typeof module !== 'undefined' && module.exports) { module.exports = classNames; } else { window.classNames = classNames; } }()); /***/ }, /* 4 */ /***/ 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; }; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var _PanelGroup = __webpack_require__(5); var _PanelGroup2 = _interopRequireDefault(_PanelGroup); var Accordion = _react2['default'].createClass({ displayName: 'Accordion', render: function render() { return _react2['default'].createElement( _PanelGroup2['default'], _extends({}, this.props, { accordion: true }), this.props.children ); } }); exports['default'] = Accordion; module.exports = exports['default']; /***/ }, /* 5 */ /***/ function(module, exports, __webpack_require__) { /* eslint react/prop-types: [2, {ignore: "bsStyle"}] */ /* BootstrapMixin contains `bsStyle` type validation */ '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; }; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var _classnames = __webpack_require__(3); var _classnames2 = _interopRequireDefault(_classnames); var _BootstrapMixin = __webpack_require__(6); var _BootstrapMixin2 = _interopRequireDefault(_BootstrapMixin); var _utilsValidComponentChildren = __webpack_require__(9); var _utilsValidComponentChildren2 = _interopRequireDefault(_utilsValidComponentChildren); var PanelGroup = _react2['default'].createClass({ displayName: 'PanelGroup', mixins: [_BootstrapMixin2['default']], propTypes: { accordion: _react2['default'].PropTypes.bool, activeKey: _react2['default'].PropTypes.any, className: _react2['default'].PropTypes.string, children: _react2['default'].PropTypes.node, defaultActiveKey: _react2['default'].PropTypes.any, onSelect: _react2['default'].PropTypes.func }, getDefaultProps: function getDefaultProps() { return { bsClass: 'panel-group' }; }, getInitialState: function getInitialState() { var defaultActiveKey = this.props.defaultActiveKey; return { activeKey: defaultActiveKey }; }, render: function render() { var classes = this.getBsClassSet(); return _react2['default'].createElement( 'div', _extends({}, this.props, { className: (0, _classnames2['default'])(this.props.className, classes), onSelect: null }), _utilsValidComponentChildren2['default'].map(this.props.children, this.renderPanel) ); }, renderPanel: function renderPanel(child, index) { var activeKey = this.props.activeKey != null ? this.props.activeKey : this.state.activeKey; var props = { bsStyle: child.props.bsStyle || this.props.bsStyle, key: child.key ? child.key : index, ref: child.ref }; if (this.props.accordion) { props.collapsible = true; props.expanded = child.props.eventKey === activeKey; props.onSelect = this.handleSelect; } return (0, _react.cloneElement)(child, props); }, shouldComponentUpdate: function shouldComponentUpdate() { // Defer any updates to this component during the `onSelect` handler. return !this._isChanging; }, handleSelect: function handleSelect(e, key) { e.preventDefault(); if (this.props.onSelect) { this._isChanging = true; this.props.onSelect(key); this._isChanging = false; } if (this.state.activeKey === key) { key = null; } this.setState({ activeKey: key }); } }); exports['default'] = PanelGroup; module.exports = exports['default']; /***/ }, /* 6 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _styleMaps = __webpack_require__(7); var _styleMaps2 = _interopRequireDefault(_styleMaps); var _utilsCustomPropTypes = __webpack_require__(8); var _utilsCustomPropTypes2 = _interopRequireDefault(_utilsCustomPropTypes); var BootstrapMixin = { propTypes: { /** * bootstrap className * @private */ bsClass: _utilsCustomPropTypes2['default'].keyOf(_styleMaps2['default'].CLASSES), /** * Style variants * @type {("default"|"primary"|"success"|"info"|"warning"|"danger"|"link")} */ bsStyle: _utilsCustomPropTypes2['default'].keyOf(_styleMaps2['default'].STYLES), /** * Size variants * @type {("xsmall"|"small"|"medium"|"large")} */ bsSize: _utilsCustomPropTypes2['default'].keyOf(_styleMaps2['default'].SIZES) }, getBsClassSet: function getBsClassSet() { var classes = {}; var bsClass = this.props.bsClass && _styleMaps2['default'].CLASSES[this.props.bsClass]; if (bsClass) { classes[bsClass] = true; var prefix = bsClass + '-'; var bsSize = this.props.bsSize && _styleMaps2['default'].SIZES[this.props.bsSize]; if (bsSize) { classes[prefix + bsSize] = true; } var bsStyle = this.props.bsStyle && _styleMaps2['default'].STYLES[this.props.bsStyle]; if (this.props.bsStyle) { classes[prefix + bsStyle] = true; } } return classes; }, prefixClass: function prefixClass(subClass) { return _styleMaps2['default'].CLASSES[this.props.bsClass] + '-' + subClass; } }; exports['default'] = BootstrapMixin; module.exports = exports['default']; /***/ }, /* 7 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var styleMaps = { CLASSES: { 'alert': 'alert', 'button': 'btn', 'button-group': 'btn-group', 'button-toolbar': 'btn-toolbar', 'column': 'col', 'input-group': 'input-group', 'form': 'form', 'glyphicon': 'glyphicon', 'label': 'label', 'thumbnail': 'thumbnail', 'list-group-item': 'list-group-item', 'panel': 'panel', 'panel-group': 'panel-group', 'pagination': 'pagination', 'progress-bar': 'progress-bar', 'nav': 'nav', 'navbar': 'navbar', 'modal': 'modal', 'row': 'row', 'well': 'well' }, STYLES: { 'default': 'default', 'primary': 'primary', 'success': 'success', 'info': 'info', 'warning': 'warning', 'danger': 'danger', 'link': 'link', 'inline': 'inline', 'tabs': 'tabs', 'pills': 'pills' }, addStyle: function addStyle(name) { styleMaps.STYLES[name] = name; }, SIZES: { 'large': 'lg', 'medium': 'md', 'small': 'sm', 'xsmall': 'xs' }, GLYPHS: ['asterisk', 'plus', 'euro', 'eur', 'minus', 'cloud', 'envelope', 'pencil', 'glass', 'music', 'search', 'heart', 'star', 'star-empty', 'user', 'film', 'th-large', 'th', 'th-list', 'ok', 'remove', 'zoom-in', 'zoom-out', 'off', 'signal', 'cog', 'trash', 'home', 'file', 'time', 'road', 'download-alt', 'download', 'upload', 'inbox', 'play-circle', 'repeat', 'refresh', 'list-alt', 'lock', 'flag', 'headphones', 'volume-off', 'volume-down', 'volume-up', 'qrcode', 'barcode', 'tag', 'tags', 'book', 'bookmark', 'print', 'camera', 'font', 'bold', 'italic', 'text-height', 'text-width', 'align-left', 'align-center', 'align-right', 'align-justify', 'list', 'indent-left', 'indent-right', 'facetime-video', 'picture', 'map-marker', 'adjust', 'tint', 'edit', 'share', 'check', 'move', 'step-backward', 'fast-backward', 'backward', 'play', 'pause', 'stop', 'forward', 'fast-forward', 'step-forward', 'eject', 'chevron-left', 'chevron-right', 'plus-sign', 'minus-sign', 'remove-sign', 'ok-sign', 'question-sign', 'info-sign', 'screenshot', 'remove-circle', 'ok-circle', 'ban-circle', 'arrow-left', 'arrow-right', 'arrow-up', 'arrow-down', 'share-alt', 'resize-full', 'resize-small', 'exclamation-sign', 'gift', 'leaf', 'fire', 'eye-open', 'eye-close', 'warning-sign', 'plane', 'calendar', 'random', 'comment', 'magnet', 'chevron-up', 'chevron-down', 'retweet', 'shopping-cart', 'folder-close', 'folder-open', 'resize-vertical', 'resize-horizontal', 'hdd', 'bullhorn', 'bell', 'certificate', 'thumbs-up', 'thumbs-down', 'hand-right', 'hand-left', 'hand-up', 'hand-down', 'circle-arrow-right', 'circle-arrow-left', 'circle-arrow-up', 'circle-arrow-down', 'globe', 'wrench', 'tasks', 'filter', 'briefcase', 'fullscreen', 'dashboard', 'paperclip', 'heart-empty', 'link', 'phone', 'pushpin', 'usd', 'gbp', 'sort', 'sort-by-alphabet', 'sort-by-alphabet-alt', 'sort-by-order', 'sort-by-order-alt', 'sort-by-attributes', 'sort-by-attributes-alt', 'unchecked', 'expand', 'collapse-down', 'collapse-up', 'log-in', 'flash', 'log-out', 'new-window', 'record', 'save', 'open', 'saved', 'import', 'export', 'send', 'floppy-disk', 'floppy-saved', 'floppy-remove', 'floppy-save', 'floppy-open', 'credit-card', 'transfer', 'cutlery', 'header', 'compressed', 'earphone', 'phone-alt', 'tower', 'stats', 'sd-video', 'hd-video', 'subtitles', 'sound-stereo', 'sound-dolby', 'sound-5-1', 'sound-6-1', 'sound-7-1', 'copyright-mark', 'registration-mark', 'cloud-download', 'cloud-upload', 'tree-conifer', 'tree-deciduous', 'cd', 'save-file', 'open-file', 'level-up', 'copy', 'paste', 'alert', 'equalizer', 'king', 'queen', 'pawn', 'bishop', 'knight', 'baby-formula', 'tent', 'blackboard', 'bed', 'apple', 'erase', 'hourglass', 'lamp', 'duplicate', 'piggy-bank', 'scissors', 'bitcoin', 'yen', 'ruble', 'scale', 'ice-lolly', 'ice-lolly-tasted', 'education', 'option-horizontal', 'option-vertical', 'menu-hamburger', 'modal-window', 'oil', 'grain', 'sunglasses', 'text-size', 'text-color', 'text-background', 'object-align-top', 'object-align-bottom', 'object-align-horizontal', 'object-align-left', 'object-align-vertical', 'object-align-right', 'triangle-right', 'triangle-left', 'triangle-bottom', 'triangle-top', 'console', 'superscript', 'subscript', 'menu-left', 'menu-right', 'menu-down', 'menu-up'] }; exports['default'] = styleMaps; module.exports = exports['default']; /***/ }, /* 8 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var ANONYMOUS = '<<anonymous>>'; var CustomPropTypes = { isRequiredForA11y: function isRequiredForA11y(propType) { return function (props, propName, componentName) { if (props[propName] === null) { return new Error('The prop `' + propName + '` is required to make ' + componentName + ' accessible ' + 'for users using assistive technologies such as screen readers `'); } return propType(props, propName, componentName); }; }, /** * Checks whether a prop provides a DOM element * * The element can be provided in two forms: * - Directly passed * - Or passed an object that has a `render` method * * @param props * @param propName * @param componentName * @returns {Error|undefined} */ mountable: createMountableChecker(), /** * Checks whether a prop provides a type of element. * * The type of element can be provided in two forms: * - tag name (string) * - a return value of React.createClass(...) * * @param props * @param propName * @param componentName * @returns {Error|undefined} */ elementType: createElementTypeChecker(), /** * Checks whether a prop matches a key of an associated object * * @param props * @param propName * @param componentName * @returns {Error|undefined} */ keyOf: createKeyOfChecker, /** * Checks if only one of the listed properties is in use. An error is given * if multiple have a value * * @param props * @param propName * @param componentName * @returns {Error|undefined} */ singlePropFrom: createSinglePropFromChecker, all: all }; function errMsg(props, propName, componentName, msgContinuation) { return 'Invalid prop \'' + propName + '\' of value \'' + props[propName] + '\'' + (' supplied to \'' + componentName + '\'' + msgContinuation); } /** * Create chain-able isRequired validator * * Largely copied directly from: * https://github.com/facebook/react/blob/0.11-stable/src/core/ReactPropTypes.js#L94 */ function createChainableTypeChecker(validate) { function checkType(isRequired, props, propName, componentName) { componentName = componentName || ANONYMOUS; if (props[propName] == null) { if (isRequired) { return new Error('Required prop \'' + propName + '\' was not specified in \'' + componentName + '\'.'); } } else { return validate(props, propName, componentName); } } var chainedCheckType = checkType.bind(null, false); chainedCheckType.isRequired = checkType.bind(null, true); return chainedCheckType; } function createMountableChecker() { function validate(props, propName, componentName) { if (typeof props[propName] !== 'object' || typeof props[propName].render !== 'function' && props[propName].nodeType !== 1) { return new Error(errMsg(props, propName, componentName, ', expected a DOM element or an object that has a `render` method')); } } return createChainableTypeChecker(validate); } function createKeyOfChecker(obj) { function validate(props, propName, componentName) { var propValue = props[propName]; if (!obj.hasOwnProperty(propValue)) { var valuesString = JSON.stringify(Object.keys(obj)); return new Error(errMsg(props, propName, componentName, ', expected one of ' + valuesString + '.')); } } return createChainableTypeChecker(validate); } function createSinglePropFromChecker(arrOfProps) { function validate(props, propName, componentName) { var usedPropCount = arrOfProps.map(function (listedProp) { return props[listedProp]; }).reduce(function (acc, curr) { return acc + (curr !== undefined ? 1 : 0); }, 0); if (usedPropCount > 1) { var _arrOfProps = _toArray(arrOfProps); var first = _arrOfProps[0]; var others = _arrOfProps.slice(1); var message = '' + others.join(', ') + ' and ' + first; return new Error('Invalid prop \'' + propName + '\', only one of the following ' + ('may be provided: ' + message)); } } return validate; } function all(propTypes) { if (propTypes === undefined) { throw new Error('No validations provided'); } if (!(propTypes instanceof Array)) { throw new Error('Invalid argument must be an array'); } if (propTypes.length === 0) { throw new Error('No validations provided'); } return function (props, propName, componentName) { for (var i = 0; i < propTypes.length; i++) { var result = propTypes[i](props, propName, componentName); if (result !== undefined && result !== null) { return result; } } }; } function createElementTypeChecker() { function validate(props, propName, componentName) { var errBeginning = errMsg(props, propName, componentName, '. Expected an Element `type`'); if (typeof props[propName] !== 'function') { if (_react2['default'].isValidElement(props[propName])) { return new Error(errBeginning + ', not an actual Element'); } if (typeof props[propName] !== 'string') { return new Error(errBeginning + ' such as a tag name or return value of React.createClass(...)'); } } } return createChainableTypeChecker(validate); } exports['default'] = CustomPropTypes; module.exports = exports['default']; /***/ }, /* 9 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); /** * Maps children that are typically specified as `props.children`, * but only iterates 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)} mapFunction. * @param {*} mapContext Context for mapFunction. * @return {object} Object containing the ordered map of results. */ function mapValidComponents(children, func, context) { var index = 0; return _react2['default'].Children.map(children, function (child) { if (_react2['default'].isValidElement(child)) { var lastIndex = index; index++; return func.call(context, child, lastIndex); } return child; }); } /** * Iterates through 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)} forEachFunc. * @param {*} forEachContext Context for forEachContext. */ function forEachValidComponents(children, func, context) { var index = 0; return _react2['default'].Children.forEach(children, function (child) { if (_react2['default'].isValidElement(child)) { func.call(context, child, index); index++; } }); } /** * Count the number of "valid components" in the Children container. * * @param {?*} children Children tree container. * @returns {number} */ function numberOfValidComponents(children) { var count = 0; _react2['default'].Children.forEach(children, function (child) { if (_react2['default'].isValidElement(child)) { count++; } }); return count; } /** * Determine if the Child container has one or more "valid components". * * @param {?*} children Children tree container. * @returns {boolean} */ function hasValidComponent(children) { var hasValid = false; _react2['default'].Children.forEach(children, function (child) { if (!hasValid && _react2['default'].isValidElement(child)) { hasValid = true; } }); return hasValid; } exports['default'] = { map: mapValidComponents, forEach: forEachValidComponents, numberOf: numberOfValidComponents, hasValidComponent: hasValidComponent }; module.exports = exports['default']; /***/ }, /* 10 */ /***/ 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; }; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var _classnames = __webpack_require__(3); var _classnames2 = _interopRequireDefault(_classnames); var _AffixMixin = __webpack_require__(11); var _AffixMixin2 = _interopRequireDefault(_AffixMixin); var _utilsDomUtils = __webpack_require__(12); var _utilsDomUtils2 = _interopRequireDefault(_utilsDomUtils); var Affix = _react2['default'].createClass({ displayName: 'Affix', statics: { domUtils: _utilsDomUtils2['default'] }, mixins: [_AffixMixin2['default']], render: function render() { var holderStyle = { top: this.state.affixPositionTop }; return _react2['default'].createElement( 'div', _extends({}, this.props, { className: (0, _classnames2['default'])(this.props.className, this.state.affixClass), style: holderStyle }), this.props.children ); } }); exports['default'] = Affix; module.exports = exports['default']; /***/ }, /* 11 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var _utilsDomUtils = __webpack_require__(12); var _utilsDomUtils2 = _interopRequireDefault(_utilsDomUtils); var _utilsEventListener = __webpack_require__(13); var _utilsEventListener2 = _interopRequireDefault(_utilsEventListener); var AffixMixin = { propTypes: { offset: _react2['default'].PropTypes.number, offsetTop: _react2['default'].PropTypes.number, offsetBottom: _react2['default'].PropTypes.number }, getInitialState: function getInitialState() { return { affixClass: 'affix-top' }; }, getPinnedOffset: function getPinnedOffset(DOMNode) { if (this.pinnedOffset) { return this.pinnedOffset; } DOMNode.className = DOMNode.className.replace(/affix-top|affix-bottom|affix/, ''); DOMNode.className += DOMNode.className.length ? ' affix' : 'affix'; this.pinnedOffset = _utilsDomUtils2['default'].getOffset(DOMNode).top - window.pageYOffset; return this.pinnedOffset; }, checkPosition: function checkPosition() { var DOMNode = undefined, scrollHeight = undefined, scrollTop = undefined, position = undefined, offsetTop = undefined, offsetBottom = undefined, affix = undefined, affixType = undefined, affixPositionTop = undefined; // TODO: or not visible if (!this.isMounted()) { return; } DOMNode = _react2['default'].findDOMNode(this); scrollHeight = document.documentElement.offsetHeight; scrollTop = window.pageYOffset; position = _utilsDomUtils2['default'].getOffset(DOMNode); if (this.affixed === 'top') { position.top += scrollTop; } offsetTop = this.props.offsetTop != null ? this.props.offsetTop : this.props.offset; offsetBottom = this.props.offsetBottom != null ? this.props.offsetBottom : this.props.offset; if (offsetTop == null && offsetBottom == null) { return; } if (offsetTop == null) { offsetTop = 0; } if (offsetBottom == null) { offsetBottom = 0; } if (this.unpin != null && scrollTop + this.unpin <= position.top) { affix = false; } else if (offsetBottom != null && position.top + DOMNode.offsetHeight >= scrollHeight - offsetBottom) { affix = 'bottom'; } else if (offsetTop != null && scrollTop <= offsetTop) { affix = 'top'; } else { affix = false; } if (this.affixed === affix) { return; } if (this.unpin != null) { DOMNode.style.top = ''; } affixType = 'affix' + (affix ? '-' + affix : ''); this.affixed = affix; this.unpin = affix === 'bottom' ? this.getPinnedOffset(DOMNode) : null; if (affix === 'bottom') { DOMNode.className = DOMNode.className.replace(/affix-top|affix-bottom|affix/, 'affix-bottom'); affixPositionTop = scrollHeight - offsetBottom - DOMNode.offsetHeight - _utilsDomUtils2['default'].getOffset(DOMNode).top; } this.setState({ affixClass: affixType, affixPositionTop: affixPositionTop }); }, checkPositionWithEventLoop: function checkPositionWithEventLoop() { setTimeout(this.checkPosition, 0); }, componentDidMount: function componentDidMount() { this._onWindowScrollListener = _utilsEventListener2['default'].listen(window, 'scroll', this.checkPosition); this._onDocumentClickListener = _utilsEventListener2['default'].listen(_utilsDomUtils2['default'].ownerDocument(this), 'click', this.checkPositionWithEventLoop); }, componentWillUnmount: function componentWillUnmount() { if (this._onWindowScrollListener) { this._onWindowScrollListener.remove(); } if (this._onDocumentClickListener) { this._onDocumentClickListener.remove(); } }, componentDidUpdate: function componentDidUpdate(prevProps, prevState) { if (prevState.affixClass === this.state.affixClass) { this.checkPositionWithEventLoop(); } } }; exports['default'] = AffixMixin; module.exports = exports['default']; /***/ }, /* 12 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var canUseDom = !!(typeof window !== 'undefined' && window.document && window.document.createElement); /** * Get elements owner document * * @param {ReactComponent|HTMLElement} componentOrElement * @returns {HTMLElement} */ function ownerDocument(componentOrElement) { var elem = _react2['default'].findDOMNode(componentOrElement); return elem && elem.ownerDocument || document; } function ownerWindow(componentOrElement) { var doc = ownerDocument(componentOrElement); return doc.defaultView ? doc.defaultView : doc.parentWindow; } /** * get the active element, safe in IE * @return {HTMLElement} */ function getActiveElement(componentOrElement) { var doc = ownerDocument(componentOrElement); try { return doc.activeElement || doc.body; } catch (e) { return doc.body; } } /** * Shortcut to compute element style * * @param {HTMLElement} elem * @returns {CssStyle} */ function getComputedStyles(elem) { return ownerDocument(elem).defaultView.getComputedStyle(elem, null); } /** * Get elements offset * * TODO: REMOVE JQUERY! * * @param {HTMLElement} DOMNode * @returns {{top: number, left: number}} */ function getOffset(DOMNode) { if (window.jQuery) { return window.jQuery(DOMNode).offset(); } var docElem = ownerDocument(DOMNode).documentElement; var box = { top: 0, left: 0 }; // If we don't have gBCR, just use 0,0 rather than error // BlackBerry 5, iOS 3 (original iPhone) if (typeof DOMNode.getBoundingClientRect !== 'undefined') { box = DOMNode.getBoundingClientRect(); } return { top: box.top + window.pageYOffset - docElem.clientTop, left: box.left + window.pageXOffset - docElem.clientLeft }; } /** * Get elements position * * TODO: REMOVE JQUERY! * * @param {HTMLElement} elem * @param {HTMLElement?} offsetParent * @returns {{top: number, left: number}} */ function getPosition(elem, offsetParent) { var offset = undefined, parentOffset = undefined; if (window.jQuery) { if (!offsetParent) { return window.jQuery(elem).position(); } offset = window.jQuery(elem).offset(); parentOffset = window.jQuery(offsetParent).offset(); // Get element offset relative to offsetParent return { top: offset.top - parentOffset.top, left: offset.left - parentOffset.left }; } parentOffset = { top: 0, left: 0 }; // Fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent if (getComputedStyles(elem).position === 'fixed') { // We assume that getBoundingClientRect is available when computed position is fixed offset = elem.getBoundingClientRect(); } else { if (!offsetParent) { // Get *real* offsetParent offsetParent = offsetParentFunc(elem); } // Get correct offsets offset = getOffset(elem); if (offsetParent.nodeName !== 'HTML') { parentOffset = getOffset(offsetParent); } // Add offsetParent borders parentOffset.top += parseInt(getComputedStyles(offsetParent).borderTopWidth, 10); parentOffset.left += parseInt(getComputedStyles(offsetParent).borderLeftWidth, 10); } // Subtract parent offsets and element margins return { top: offset.top - parentOffset.top - parseInt(getComputedStyles(elem).marginTop, 10), left: offset.left - parentOffset.left - parseInt(getComputedStyles(elem).marginLeft, 10) }; } /** * Get parent element * * @param {HTMLElement?} elem * @returns {HTMLElement} */ function offsetParentFunc(elem) { var docElem = ownerDocument(elem).documentElement; var offsetParent = elem.offsetParent || docElem; while (offsetParent && (offsetParent.nodeName !== 'HTML' && getComputedStyles(offsetParent).position === 'static')) { offsetParent = offsetParent.offsetParent; } return offsetParent || docElem; } /** * Cross browser .contains() polyfill * @param {HTMLElement} elem * @param {HTMLElement} inner * @return {bool} */ function contains(elem, inner) { function ie8Contains(root, node) { while (node) { if (node === root) { return true; } node = node.parentNode; } return false; } return elem && elem.contains ? elem.contains(inner) : elem && elem.compareDocumentPosition ? elem === inner || !!(elem.compareDocumentPosition(inner) & 16) : ie8Contains(elem, inner); } exports['default'] = { canUseDom: canUseDom, contains: contains, ownerWindow: ownerWindow, ownerDocument: ownerDocument, getComputedStyles: getComputedStyles, getOffset: getOffset, getPosition: getPosition, activeElement: getActiveElement, offsetParent: offsetParentFunc }; module.exports = exports['default']; /***/ }, /* 13 */ /***/ function(module, exports) { /** * Copyright 2013-2014 Facebook, Inc. * * This file contains a modified version of: * https://github.com/facebook/react/blob/v0.12.0/src/vendor/stubs/EventListener.js * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * * TODO: remove in favour of solution provided by: * https://github.com/facebook/react/issues/285 */ /** * Does not take into account specific nature of platform. */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var EventListener = { /** * Listen to DOM events during the bubble phase. * * @param {DOMEventTarget} target DOM element to register listener on. * @param {string} eventType Event type, e.g. 'click' or 'mouseover'. * @param {function} callback Callback function. * @return {object} Object with a `remove` method. */ listen: function listen(target, eventType, callback) { if (target.addEventListener) { target.addEventListener(eventType, callback, false); return { remove: function remove() { target.removeEventListener(eventType, callback, false); } }; } else if (target.attachEvent) { target.attachEvent('on' + eventType, callback); return { remove: function remove() { target.detachEvent('on' + eventType, callback); } }; } } }; exports['default'] = EventListener; module.exports = exports['default']; /***/ }, /* 14 */ /***/ 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; }; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } var _react = __webpack_require__(2); var _react2 = _interopRequireDefault(_react); var _classnames = __webpack_require__(3); var _classnames2 = _interopRequireDefault(_classnames); var _BootstrapMixin = __webpack_require__(6); var _BootstrapMixin2 = _interopRequireDefault(_BootstrapMixin); var Alert = _react2['default'].createClass({ displayName: 'Alert', mixins: [_BootstrapMixin2['default']], propTypes: { onDismiss: _react2['default'].PropTypes.func, dismissAfter: _react2['default'].PropTypes.number, closeLabel: _react2['default'].PropTypes.string }, getDefaultProps: function getDefaultProps() { return { bsClass: 'alert', bsStyle: 'info', closeLabel: 'Close Alert' }; }, renderDismissButton: function renderDismissButton() { return _react2['default'].createElement( 'button', { type: 'button', className: 'close', 'aria-label': this.props.closeLabel, onClick: this.props.onDismiss }, _react2['default'].createElement( 'span', { 'aria-hidden': 'true' }, '×' ) ); }, render: function render() { var classes = this.getBsClassSet(); var isDismissable = !!this.props.onDismiss; classes['alert-dismissable'] = isDismissable; return _react2['default'].createElement( 'div', _extends({}, this.props, { role: 'alert', className: (0, _classnames2['default'])(this.props.className, classes) }), isDismissable ? this.renderDismissButton() : null, this.props.children ); }, componentDidMount: function componentDidMount() { if (this.props.dismissAfter && this.props.onDismiss) { this.dismissTimer = setTimeout(this.props.onDismiss, this.props.dismissAfter); } }, componentWillUnmount: function componentWillUnmount() { cl