/******/ (function(modules) { // webpackBootstrap /******/ // install a JSONP callback for chunk loading /******/ var parentJsonpFunction = window['webpackJsonp']; /******/ window['webpackJsonp'] = function webpackJsonpCallback( chunkIds, moreModules, executeModules ) { /******/ // add "moreModules" to the modules object, /******/ // then flag all "chunkIds" as loaded and fire callback /******/ var moduleId, chunkId, i = 0, resolves = [], result; /******/ for (; i < chunkIds.length; i++) { /******/ chunkId = chunkIds[i]; /******/ if (installedChunks[chunkId]) { /******/ resolves.push(installedChunks[chunkId][0]); /******/ } /******/ installedChunks[chunkId] = 0; /******/ } /******/ for (moduleId in moreModules) { /******/ if ( Object.prototype.hasOwnProperty.call(moreModules, moduleId) ) { /******/ modules[moduleId] = moreModules[moduleId]; /******/ } /******/ } /******/ if (parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules); /******/ while (resolves.length) { /******/ resolves.shift()(); /******/ } /******/ /******/ }; // The module cache /******/ /******/ /******/ var installedModules = {}; // objects to store loaded and loading chunks /******/ /******/ /******/ var installedChunks = { /******/ 1: 0 /******/ }; // 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] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }); // Execute the module function /******/ /******/ /******/ modules[moduleId].call( module.exports, module, module.exports, __webpack_require__ ); // Flag the module as loaded /******/ /******/ /******/ module.l = true; // Return the exports of the module /******/ /******/ /******/ return module.exports; /******/ } // This file contains only the entry chunk. // The chunk loading function for additional chunks /******/ /******/ /******/ /******/ __webpack_require__.e = function requireEnsure( chunkId ) { /******/ var installedChunkData = installedChunks[chunkId]; /******/ if (installedChunkData === 0) { /******/ return new Promise(function(resolve) { resolve(); }); /******/ } // a Promise means "currently loading". /******/ /******/ /******/ if (installedChunkData) { /******/ return installedChunkData[2]; /******/ } // setup Promise in chunk cache /******/ /******/ /******/ var promise = new Promise(function(resolve, reject) { /******/ installedChunkData = installedChunks[chunkId] = [ resolve, reject ]; /******/ }); /******/ installedChunkData[2] = promise; // start chunk loading /******/ /******/ /******/ var head = document.getElementsByTagName('head')[0]; /******/ var script = document.createElement('script'); /******/ script.type = 'text/javascript'; /******/ script.charset = 'utf-8'; /******/ script.async = true; /******/ script.timeout = 120000; /******/ /******/ if (__webpack_require__.nc) { /******/ script.setAttribute('nonce', __webpack_require__.nc); /******/ } /******/ script.src = __webpack_require__.p + 'build/' + ({}[chunkId] || chunkId) + '.' + { '0': '8d987fcd' }[chunkId] + '.js'; /******/ var timeout = setTimeout(onScriptComplete, 120000); /******/ script.onerror = script.onload = onScriptComplete; /******/ function onScriptComplete() { /******/ // avoid mem leaks in IE. /******/ script.onerror = script.onload = null; /******/ clearTimeout(timeout); /******/ var chunk = installedChunks[chunkId]; /******/ if (chunk !== 0) { /******/ if (chunk) { /******/ chunk[1](new Error('Loading chunk ' + chunkId + ' failed.')); /******/ } /******/ installedChunks[chunkId] = undefined; /******/ } /******/ } /******/ head.appendChild(script); /******/ /******/ return promise; /******/ }; // expose the modules object (__webpack_modules__) /******/ /******/ /******/ __webpack_require__.m = modules; // expose the module cache /******/ /******/ /******/ __webpack_require__.c = installedModules; // identity function for calling harmony imports with the correct context /******/ /******/ /******/ __webpack_require__.i = function(value) { return value; }; // define getter function for harmony exports /******/ /******/ /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if (!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { /******/ configurable: false, /******/ enumerable: true, /******/ get: getter /******/ }); /******/ } /******/ }; // getDefaultExport function for compatibility with non-harmony modules /******/ /******/ /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; // Object.prototype.hasOwnProperty.call /******/ /******/ /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; // __webpack_public_path__ /******/ /******/ /******/ __webpack_require__.p = ''; // on error function for async loading /******/ /******/ /******/ __webpack_require__.oe = function(err) { console.error(err); throw err; }; // Load entry module and return exports /******/ /******/ /******/ return __webpack_require__((__webpack_require__.s = 1035)); /******/ })( /************************************************************************/ /******/ [ /* 0 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; module.exports = __webpack_require__(60); /***/ }, /* 1 */ /***/ function(module, exports, __webpack_require__) { /** * 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. */ if (false) { var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element')) || 0xeac7; var isValidElement = function(object) { return ( typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE ); }; // By explicitly using `prop-types` you are opting into new development behavior. // http://fb.me/prop-types-in-prod var throwOnDirectAccess = true; module.exports = require('./factoryWithTypeCheckers')( isValidElement, throwOnDirectAccess ); } else { // By explicitly using `prop-types` you are opting into new production behavior. // http://fb.me/prop-types-in-prod module.exports = __webpack_require__(712)(); } /***/ }, /* 2 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ /** * 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 validateFormat = function validateFormat(format) {}; if (false) { validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } }; } function invariant(condition, format, a, b, c, d, e, f) { validateFormat(format); 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; /***/ }, /* 3 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* WEBPACK VAR INJECTION */ (function(process) { /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return css; } ); /* unused harmony export keyframes */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'c', function() { return injectGlobal; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'd', function() { return ThemeProvider; } ); /* unused harmony export withTheme */ /* unused harmony export ServerStyleSheet */ /* unused harmony export StyleSheetManager */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_stylis__ = __webpack_require__( 1016 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_stylis___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_stylis__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_1_react__ ); /** * 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. * * @typechecks */ var _uppercasePattern = /([A-Z])/g; /** * Hyphenates a camelcased string, for example: * * > hyphenate('backgroundColor') * < "background-color" * * For CSS style names, use `hyphenateStyleName` instead which works properly * with all vendor prefixes, including `ms`. * * @param {string} string * @return {string} */ function hyphenate$2(string) { return string.replace(_uppercasePattern, '-$1').toLowerCase(); } var hyphenate_1 = hyphenate$2; var hyphenate = hyphenate_1; var msPattern = /^ms-/; /** * Hyphenates a camelcased CSS property name, for example: * * > hyphenateStyleName('backgroundColor') * < "background-color" * > hyphenateStyleName('MozTransition') * < "-moz-transition" * > hyphenateStyleName('msTransition') * < "-ms-transition" * * As Modernizr suggests (http://modernizr.com/docs/#prefixed), an `ms` prefix * is converted to `-ms-`. * * @param {string} string * @return {string} */ function hyphenateStyleName(string) { return hyphenate(string).replace(msPattern, '-ms-'); } var hyphenateStyleName_1 = hyphenateStyleName; var _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function(obj) { return typeof obj; } : function(obj) { return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj; }; var classCallCheck = function(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }; 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 _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 inherits = function(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 objectWithoutProperties = 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; }; var possibleConstructorReturn = function(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; }; /*! * isobject * * Copyright (c) 2014-2015, Jon Schlinkert. * Licensed under the MIT License. */ var index$1 = function isObject(val) { return ( val != null && (typeof val === 'undefined' ? 'undefined' : _typeof(val)) === 'object' && !Array.isArray(val) ); }; var isObject$1 = index$1; function isObjectObject(o) { return ( isObject$1(o) === true && Object.prototype.toString.call(o) === '[object Object]' ); } var index = function isPlainObject(o) { var ctor, prot; if (isObjectObject(o) === false) return false; // If has modified constructor ctor = o.constructor; if (typeof ctor !== 'function') return false; // If has modified prototype prot = ctor.prototype; if (isObjectObject(prot) === false) return false; // If constructor does not have an Object-specific method if (prot.hasOwnProperty('isPrototypeOf') === false) { return false; } // Most likely a plain Object return true; }; // var objToCss = function objToCss(obj, prevKey) { var css = Object.keys(obj) .map(function(key) { if (index(obj[key])) return objToCss(obj[key], key); return hyphenateStyleName_1(key) + ': ' + obj[key] + ';'; }) .join(' '); return prevKey ? prevKey + ' {\n ' + css + '\n}' : css; }; var flatten = function flatten(chunks, executionContext) { return chunks.reduce(function(ruleSet, chunk) { /* Remove falsey values */ if ( chunk === undefined || chunk === null || chunk === false || chunk === '' ) return ruleSet; /* Flatten ruleSet */ if (Array.isArray(chunk)) return [].concat(ruleSet, flatten(chunk, executionContext)); /* Handle other components */ // $FlowFixMe not sure how to make this pass if (chunk.hasOwnProperty('styledComponentId')) return [].concat(ruleSet, ['.' + chunk.styledComponentId]); /* Either execute or defer the function */ if (typeof chunk === 'function') { return executionContext ? ruleSet.concat.apply( ruleSet, flatten([chunk(executionContext)], executionContext) ) : ruleSet.concat(chunk); } /* Handle objects */ // $FlowFixMe have to add %checks somehow to isPlainObject return ruleSet.concat( index(chunk) ? objToCss(chunk) : chunk.toString() ); }, []); }; // var stringifyRules = function stringifyRules(rules, selector, prefix) { var flatCSS = rules.join('').replace(/^\s*\/\/.*$/gm, ''); // replace JS comments var cssStr = selector && prefix ? prefix + ' ' + selector + ' { ' + flatCSS + ' }' : flatCSS; var css = __WEBPACK_IMPORTED_MODULE_0_stylis___default()( prefix || !selector ? '' : selector, cssStr, false, false ); return css; }; // var chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split( '' ); var charsLength = chars.length; /* Some high number, usually 9-digit base-10. Map it to base-😎 */ var generateAlphabeticName = function generateAlphabeticName(code) { var name = ''; var x = void 0; for (x = code; x > charsLength; x = Math.floor(x / chars.length)) { name = chars[x % charsLength] + name; } return chars[x % charsLength] + name; }; // var interleave = function(strings, interpolations) { return interpolations.reduce( function(array, interp, i) { return array.concat(interp, strings[i + 1]); }, [strings[0]] ); }; // var css = function(strings) { for ( var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { interpolations[_key - 1] = arguments[_key]; } return flatten(interleave(strings, interpolations)); }; // var SC_COMPONENT_ID = /^[^\S\n]*?\/\* sc-component-id:\s+(\S+)\s+\*\//gm; var extractCompsFromCSS = function(maybeCSS) { var css = '' + (maybeCSS || ''); // Definitely a string, and a clone var existingComponents = []; css.replace(SC_COMPONENT_ID, function( match, componentId, matchIndex ) { existingComponents.push({ componentId: componentId, matchIndex: matchIndex }); return match; }); return existingComponents.map(function(_ref, i) { var componentId = _ref.componentId, matchIndex = _ref.matchIndex; var nextComp = existingComponents[i + 1]; var cssFromDOM = nextComp ? css.slice(matchIndex, nextComp.matchIndex) : css.slice(matchIndex); return { componentId: componentId, cssFromDOM: cssFromDOM }; }); }; // /* * Browser Style Sheet with Rehydration * * * * Note: replace · with * in the above snippet. * */ var COMPONENTS_PER_TAG = 40; var BrowserTag = (function() { function BrowserTag(el, isLocal) { var existingSource = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; classCallCheck(this, BrowserTag); this.el = el; this.isLocal = isLocal; this.ready = false; var extractedComps = extractCompsFromCSS(existingSource); this.size = extractedComps.length; this.components = extractedComps.reduce(function(acc, obj) { acc[obj.componentId] = obj; // eslint-disable-line no-param-reassign return acc; }, {}); } BrowserTag.prototype.isFull = function isFull() { return this.size >= COMPONENTS_PER_TAG; }; BrowserTag.prototype.addComponent = function addComponent( componentId ) { if (!this.ready) this.replaceElement(); if (this.components[componentId]) throw new Error( "Trying to add Component '" + componentId + "' twice!" ); var comp = { componentId: componentId, textNode: document.createTextNode('') }; this.el.appendChild(comp.textNode); this.size += 1; this.components[componentId] = comp; }; BrowserTag.prototype.inject = function inject( componentId, css, name ) { if (!this.ready) this.replaceElement(); var comp = this.components[componentId]; if (!comp) throw new Error( 'Must add a new component before you can inject css into it' ); if (comp.textNode.data === '') comp.textNode.appendData( '\n/* sc-component-id: ' + componentId + ' */\n' ); comp.textNode.appendData(css); if (name) { var existingNames = this.el.getAttribute(SC_ATTR); this.el.setAttribute( SC_ATTR, existingNames ? existingNames + ' ' + name : name ); } }; BrowserTag.prototype.toHTML = function toHTML() { return this.el.outerHTML; }; BrowserTag.prototype.toReactElement = function toReactElement() { throw new Error("BrowserTag doesn't implement toReactElement!"); }; BrowserTag.prototype.clone = function clone() { throw new Error('BrowserTag cannot be cloned!'); }; /* Because we care about source order, before we can inject anything we need to * create a text node for each component and replace the existing CSS. */ BrowserTag.prototype.replaceElement = function replaceElement() { var _this = this; this.ready = true; // We have nothing to inject. Use the current el. if (this.size === 0) return; // Build up our replacement style tag var newEl = this.el.cloneNode(); newEl.appendChild(document.createTextNode('\n')); Object.keys(this.components).forEach(function(key) { var comp = _this.components[key]; // eslint-disable-next-line no-param-reassign comp.textNode = document.createTextNode(comp.cssFromDOM); newEl.appendChild(comp.textNode); }); if (!this.el.parentNode) throw new Error( "Trying to replace an element that wasn't mounted!" ); // The ol' switcheroo this.el.parentNode.replaceChild(newEl, this.el); this.el = newEl; }; return BrowserTag; })(); /* Factory function to separate DOM operations from logical ones*/ var BrowserStyleSheet = { create: function create() { var tags = []; var names = {}; /* Construct existing state from DOM */ var nodes = document.querySelectorAll('[' + SC_ATTR + ']'); var nodesLength = nodes.length; for (var i = 0; i < nodesLength; i += 1) { var el = nodes[i]; tags.push( new BrowserTag( el, el.getAttribute(LOCAL_ATTR) === 'true', el.innerHTML ) ); var attr = el.getAttribute(SC_ATTR); if (attr) { attr.trim().split(/\s+/).forEach(function(name) { names[name] = true; }); } } /* Factory for making more tags */ var tagConstructor = function tagConstructor(isLocal) { var el = document.createElement('style'); el.type = 'text/css'; el.setAttribute(SC_ATTR, ''); el.setAttribute(LOCAL_ATTR, isLocal ? 'true' : 'false'); if (!document.head) throw new Error('Missing document '); document.head.appendChild(el); return new BrowserTag(el, isLocal); }; return new StyleSheet(tagConstructor, tags, names); } }; // var SC_ATTR = 'data-styled-components'; var LOCAL_ATTR = 'data-styled-components-is-local'; var CONTEXT_KEY = '__styled-components-stylesheet__'; var instance = null; // eslint-disable-next-line no-use-before-define var clones = []; var StyleSheet = (function() { function StyleSheet(tagConstructor) { var tags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; var names = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; classCallCheck(this, StyleSheet); this.hashes = {}; this.deferredInjections = {}; this.tagConstructor = tagConstructor; this.tags = tags; this.names = names; this.constructComponentTagMap(); } StyleSheet.prototype.constructComponentTagMap = function constructComponentTagMap() { var _this = this; this.componentTags = {}; this.tags.forEach(function(tag) { Object.keys(tag.components).forEach(function(componentId) { _this.componentTags[componentId] = tag; }); }); }; /* Best level of caching—get the name from the hash straight away. */ StyleSheet.prototype.getName = function getName(hash) { return this.hashes[hash.toString()]; }; /* Second level of caching—if the name is already in the dom, don't * inject anything and record the hash for getName next time. */ StyleSheet.prototype.alreadyInjected = function alreadyInjected( hash, name ) { if (!this.names[name]) return false; this.hashes[hash.toString()] = name; return true; }; /* Third type of caching—don't inject components' componentId twice. */ StyleSheet.prototype.hasInjectedComponent = function hasInjectedComponent( componentId ) { return !!this.componentTags[componentId]; }; StyleSheet.prototype.deferredInject = function deferredInject( componentId, isLocal, css ) { if (this === instance) { clones.forEach(function(clone) { clone.deferredInject(componentId, isLocal, css); }); } this.getOrCreateTag(componentId, isLocal); this.deferredInjections[componentId] = css; }; StyleSheet.prototype.inject = function inject( componentId, isLocal, css, hash, name ) { if (this === instance) { clones.forEach(function(clone) { clone.inject(componentId, isLocal, css); }); } var tag = this.getOrCreateTag(componentId, isLocal); var deferredInjection = this.deferredInjections[componentId]; if (deferredInjection) { tag.inject(componentId, deferredInjection); delete this.deferredInjections[componentId]; } tag.inject(componentId, css, name); if (hash && name) { this.hashes[hash.toString()] = name; } }; StyleSheet.prototype.toHTML = function toHTML() { return this.tags .map(function(tag) { return tag.toHTML(); }) .join(''); }; StyleSheet.prototype.toReactElements = function toReactElements() { return this.tags.map(function(tag, i) { return tag.toReactElement('sc-' + i); }); }; StyleSheet.prototype.getOrCreateTag = function getOrCreateTag( componentId, isLocal ) { var existingTag = this.componentTags[componentId]; if (existingTag) { return existingTag; } var lastTag = this.tags[this.tags.length - 1]; var componentTag = !lastTag || lastTag.isFull() || lastTag.isLocal !== isLocal ? this.createNewTag(isLocal) : lastTag; this.componentTags[componentId] = componentTag; componentTag.addComponent(componentId); return componentTag; }; StyleSheet.prototype.createNewTag = function createNewTag(isLocal) { var newTag = this.tagConstructor(isLocal); this.tags.push(newTag); return newTag; }; StyleSheet.reset = function reset(isServer) { instance = StyleSheet.create(isServer); }; /* We can make isServer totally implicit once Jest 20 drops and we * can change environment on a per-test basis. */ StyleSheet.create = function create() { var isServer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : typeof document === 'undefined'; return (isServer ? ServerStyleSheet : BrowserStyleSheet).create(); }; StyleSheet.clone = function clone(oldSheet) { var newSheet = new StyleSheet( oldSheet.tagConstructor, oldSheet.tags.map(function(tag) { return tag.clone(); }), _extends({}, oldSheet.names) ); newSheet.hashes = _extends({}, oldSheet.hashes); newSheet.deferredInjections = _extends( {}, oldSheet.deferredInjections ); clones.push(newSheet); return newSheet; }; createClass(StyleSheet, null, [ { key: 'instance', get: function get() { return instance || (instance = StyleSheet.create()); } } ]); return StyleSheet; })(); function createCommonjsModule(fn, module) { return (module = { exports: {} }), fn( module, module.exports ), module.exports; } /** * 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 makeEmptyFunction(arg) { return function() { return arg; }; } /** * This function accepts and discards inputs; it has no side effects. This is * primarily useful idiomatically for overridable function endpoints which * always need to be callable, since JS lacks a null-call idiom ala Cocoa. */ var emptyFunction$1 = function emptyFunction$1() {}; emptyFunction$1.thatReturns = makeEmptyFunction; emptyFunction$1.thatReturnsFalse = makeEmptyFunction(false); emptyFunction$1.thatReturnsTrue = makeEmptyFunction(true); emptyFunction$1.thatReturnsNull = makeEmptyFunction(null); emptyFunction$1.thatReturnsThis = function() { return this; }; emptyFunction$1.thatReturnsArgument = function(arg) { return arg; }; var emptyFunction_1 = emptyFunction$1; /** * 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. * */ /** * 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 validateFormat = function validateFormat(format) {}; { validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } }; } function invariant$1(condition, format, a, b, c, d, e, f) { validateFormat(format); 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; } } var invariant_1 = invariant$1; var emptyFunction$2 = emptyFunction_1; /** * 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$1 = emptyFunction$2; { (function() { var printWarning = function printWarning(format) { for ( var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { args[_key - 1] = arguments[_key]; } var argIndex = 0; var message = 'Warning: ' + format.replace(/%s/g, function() { return args[argIndex++]; }); if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // 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) {} }; warning$1 = function warning$1(condition, format) { if (format === undefined) { throw new Error( '`warning(condition, format, ...args)` requires a warning ' + 'message argument' ); } if (format.indexOf('Failed Composite propType: ') === 0) { return; // Ignore CompositeComponent proptype check. } if (!condition) { for ( var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++ ) { args[_key2 - 2] = arguments[_key2]; } printWarning.apply(undefined, [format].concat(args)); } }; })(); } var warning_1 = warning$1; /** * 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. */ var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; var ReactPropTypesSecret_1 = ReactPropTypesSecret$1; { var invariant$2 = invariant_1; var warning$2 = warning_1; var ReactPropTypesSecret$2 = ReactPropTypesSecret_1; var loggedTypeFailures = {}; } /** * Assert that the values match with the type specs. * Error messages are memorized and will only be shown once. * * @param {object} typeSpecs Map of name to a ReactPropType * @param {object} values Runtime values that need to be type-checked * @param {string} location e.g. "prop", "context", "child context" * @param {string} componentName Name of the component for error messages. * @param {?Function} getStack Returns the component stack. * @private */ function checkPropTypes$1( typeSpecs, values, location, componentName, getStack ) { { for (var typeSpecName in typeSpecs) { if (typeSpecs.hasOwnProperty(typeSpecName)) { var error; // Prop type validation may throw. In case they do, we don't want to // fail the render phase where it didn't fail before. So we log it. // After these have been cleaned up, we'll let them throw. try { // This is intentionally an invariant that gets caught. It's the same // behavior as without this statement except with a better message. invariant$2( typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', location, typeSpecName ); error = typeSpecs[typeSpecName]( values, typeSpecName, componentName, location, null, ReactPropTypesSecret$2 ); } catch (ex) { error = ex; } warning$2( !error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error === 'undefined' ? 'undefined' : _typeof(error) ); if ( error instanceof Error && !(error.message in loggedTypeFailures) ) { // Only monitor this failure once because there tends to be a lot of the // same error. loggedTypeFailures[error.message] = true; var stack = getStack ? getStack() : ''; warning$2( false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '' ); } } } } } var checkPropTypes_1 = checkPropTypes$1; var emptyFunction = emptyFunction_1; var invariant = invariant_1; var warning = warning_1; var ReactPropTypesSecret = ReactPropTypesSecret_1; var checkPropTypes = checkPropTypes_1; var factoryWithTypeCheckers = function factoryWithTypeCheckers( isValidElement, throwOnDirectAccess ) { /* global Symbol */ var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator; var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec. /** * Returns the iterator method function contained on the iterable object. * * Be sure to invoke the function with the iterable as context: * * var iteratorFn = getIteratorFn(myIterable); * if (iteratorFn) { * var iterator = iteratorFn.call(myIterable); * ... * } * * @param {?object} maybeIterable * @return {?function} */ function getIteratorFn(maybeIterable) { var iteratorFn = maybeIterable && ((ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL]) || maybeIterable[FAUX_ITERATOR_SYMBOL]); if (typeof iteratorFn === 'function') { return iteratorFn; } } /** * Collection of methods that allow declaration and validation of props that are * supplied to React components. Example usage: * * var Props = require('ReactPropTypes'); * var MyArticle = React.createClass({ * propTypes: { * // An optional string prop named "description". * description: Props.string, * * // A required enum prop named "category". * category: Props.oneOf(['News','Photos']).isRequired, * * // A prop named "dialog" that requires an instance of Dialog. * dialog: Props.instanceOf(Dialog).isRequired * }, * render: function() { ... } * }); * * A more formal specification of how these methods are used: * * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) * decl := ReactPropTypes.{type}(.isRequired)? * * Each and every declaration produces a function with the same signature. This * allows the creation of custom validation functions. For example: * * var MyLink = React.createClass({ * propTypes: { * // An optional string or URI prop named "href". * href: function(props, propName, componentName) { * var propValue = props[propName]; * if (propValue != null && typeof propValue !== 'string' && * !(propValue instanceof URI)) { * return new Error( * 'Expected a string or an URI for ' + propName + ' in ' + * componentName * ); * } * } * }, * render: function() {...} * }); * * @internal */ var ANONYMOUS = '<>'; // Important! // Keep this list in sync with production version in `./factoryWithThrowingShims.js`. var ReactPropTypes = { array: createPrimitiveTypeChecker('array'), bool: createPrimitiveTypeChecker('boolean'), func: createPrimitiveTypeChecker('function'), number: createPrimitiveTypeChecker('number'), object: createPrimitiveTypeChecker('object'), string: createPrimitiveTypeChecker('string'), symbol: createPrimitiveTypeChecker('symbol'), any: createAnyTypeChecker(), arrayOf: createArrayOfTypeChecker, element: createElementTypeChecker(), instanceOf: createInstanceTypeChecker, node: createNodeChecker(), objectOf: createObjectOfTypeChecker, oneOf: createEnumTypeChecker, oneOfType: createUnionTypeChecker, shape: createShapeTypeChecker }; /** * inlined Object.is polyfill to avoid requiring consumers ship their own * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is */ /*eslint-disable no-self-compare*/ function is(x, y) { // SameValue algorithm if (x === y) { // Steps 1-5, 7-10 // Steps 6.b-6.e: +0 != -0 return x !== 0 || 1 / x === 1 / y; } else { // Step 6.a: NaN == NaN return x !== x && y !== y; } } /*eslint-enable no-self-compare*/ /** * We use an Error-like object for backward compatibility as people may call * PropTypes directly and inspect their output. However, we don't use real * Errors anymore. We don't inspect their stack anyway, and creating them * is prohibitively expensive if they are created too often, such as what * happens in oneOfType() for any type before the one that matched. */ function PropTypeError(message) { this.message = message; this.stack = ''; } // Make `instanceof Error` still work for returned errors. PropTypeError.prototype = Error.prototype; function createChainableTypeChecker(validate) { { var manualPropTypeCallCache = {}; var manualPropTypeWarningCount = 0; } function checkType( isRequired, props, propName, componentName, location, propFullName, secret ) { componentName = componentName || ANONYMOUS; propFullName = propFullName || propName; if (secret !== ReactPropTypesSecret) { if (throwOnDirectAccess) { // New behavior only for users of `prop-types` package invariant( false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types' ); } else if ( 'development' !== 'production' && typeof console !== 'undefined' ) { // Old behavior for people using React.PropTypes var cacheKey = componentName + ':' + propName; if ( !manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors manualPropTypeWarningCount < 3 ) { warning( false, 'You are manually calling a React.PropTypes validation ' + 'function for the `%s` prop on `%s`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.', propFullName, componentName ); manualPropTypeCallCache[cacheKey] = true; manualPropTypeWarningCount++; } } } if (props[propName] == null) { if (isRequired) { if (props[propName] === null) { return new PropTypeError( 'The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.') ); } return new PropTypeError( 'The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.') ); } return null; } else { return validate( props, propName, componentName, location, propFullName ); } } var chainedCheckType = checkType.bind(null, false); chainedCheckType.isRequired = checkType.bind(null, true); return chainedCheckType; } function createPrimitiveTypeChecker(expectedType) { function validate( props, propName, componentName, location, propFullName, secret ) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== expectedType) { // `propValue` being instance of, say, date/regexp, pass the 'object' // check, but we can offer a more precise error message here rather than // 'of type `object`'. var preciseType = getPreciseType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.') ); } return null; } return createChainableTypeChecker(validate); } function createAnyTypeChecker() { return createChainableTypeChecker(emptyFunction.thatReturnsNull); } function createArrayOfTypeChecker(typeChecker) { function validate( props, propName, componentName, location, propFullName ) { if (typeof typeChecker !== 'function') { return new PropTypeError( 'Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.' ); } var propValue = props[propName]; if (!Array.isArray(propValue)) { var propType = getPropType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.') ); } for (var i = 0; i < propValue.length; i++) { var error = typeChecker( propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret ); if (error instanceof Error) { return error; } } return null; } return createChainableTypeChecker(validate); } function createElementTypeChecker() { function validate( props, propName, componentName, location, propFullName ) { var propValue = props[propName]; if (!isValidElement(propValue)) { var propType = getPropType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.') ); } return null; } return createChainableTypeChecker(validate); } function createInstanceTypeChecker(expectedClass) { function validate( props, propName, componentName, location, propFullName ) { if (!(props[propName] instanceof expectedClass)) { var expectedClassName = expectedClass.name || ANONYMOUS; var actualClassName = getClassName(props[propName]); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.') ); } return null; } return createChainableTypeChecker(validate); } function createEnumTypeChecker(expectedValues) { if (!Array.isArray(expectedValues)) { warning( false, 'Invalid argument supplied to oneOf, expected an instance of array.' ); return emptyFunction.thatReturnsNull; } function validate( props, propName, componentName, location, propFullName ) { var propValue = props[propName]; for (var i = 0; i < expectedValues.length; i++) { if (is(propValue, expectedValues[i])) { return null; } } var valuesString = JSON.stringify(expectedValues); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.') ); } return createChainableTypeChecker(validate); } function createObjectOfTypeChecker(typeChecker) { function validate( props, propName, componentName, location, propFullName ) { if (typeof typeChecker !== 'function') { return new PropTypeError( 'Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.' ); } var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.') ); } for (var key in propValue) { if (propValue.hasOwnProperty(key)) { var error = typeChecker( propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret ); if (error instanceof Error) { return error; } } } return null; } return createChainableTypeChecker(validate); } function createUnionTypeChecker(arrayOfTypeCheckers) { if (!Array.isArray(arrayOfTypeCheckers)) { warning( false, 'Invalid argument supplied to oneOfType, expected an instance of array.' ); return emptyFunction.thatReturnsNull; } function validate( props, propName, componentName, location, propFullName ) { for (var i = 0; i < arrayOfTypeCheckers.length; i++) { var checker = arrayOfTypeCheckers[i]; if ( checker( props, propName, componentName, location, propFullName, ReactPropTypesSecret ) == null ) { return null; } } return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.') ); } return createChainableTypeChecker(validate); } function createNodeChecker() { function validate( props, propName, componentName, location, propFullName ) { if (!isNode(props[propName])) { return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.') ); } return null; } return createChainableTypeChecker(validate); } function createShapeTypeChecker(shapeTypes) { function validate( props, propName, componentName, location, propFullName ) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.') ); } for (var key in shapeTypes) { var checker = shapeTypes[key]; if (!checker) { continue; } var error = checker( propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret ); if (error) { return error; } } return null; } return createChainableTypeChecker(validate); } function isNode(propValue) { switch (typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue)) { case 'number': case 'string': case 'undefined': return true; case 'boolean': return !propValue; case 'object': if (Array.isArray(propValue)) { return propValue.every(isNode); } if (propValue === null || isValidElement(propValue)) { return true; } var iteratorFn = getIteratorFn(propValue); if (iteratorFn) { var iterator = iteratorFn.call(propValue); var step; if (iteratorFn !== propValue.entries) { while (!(step = iterator.next()).done) { if (!isNode(step.value)) { return false; } } } else { // Iterator will provide entry [k,v] tuples rather than values. while (!(step = iterator.next()).done) { var entry = step.value; if (entry) { if (!isNode(entry[1])) { return false; } } } } } else { return false; } return true; default: return false; } } function isSymbol(propType, propValue) { // Native Symbol. if (propType === 'symbol') { return true; } // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' if (propValue['@@toStringTag'] === 'Symbol') { return true; } // Fallback for non-spec compliant Symbols which are polyfilled. if (typeof Symbol === 'function' && propValue instanceof Symbol) { return true; } return false; } // Equivalent of `typeof` but with special handling for array and regexp. function getPropType(propValue) { var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue); if (Array.isArray(propValue)) { return 'array'; } if (propValue instanceof RegExp) { // Old webkits (at least until Android 4.0) return 'function' rather than // 'object' for typeof a RegExp. We'll normalize this here so that /bla/ // passes PropTypes.object. return 'object'; } if (isSymbol(propType, propValue)) { return 'symbol'; } return propType; } // This handles more types than `getPropType`. Only used for error messages. // See `createPrimitiveTypeChecker`. function getPreciseType(propValue) { var propType = getPropType(propValue); if (propType === 'object') { if (propValue instanceof Date) { return 'date'; } else if (propValue instanceof RegExp) { return 'regexp'; } } return propType; } // Returns class name of the object, if any. function getClassName(propValue) { if (!propValue.constructor || !propValue.constructor.name) { return ANONYMOUS; } return propValue.constructor.name; } ReactPropTypes.checkPropTypes = checkPropTypes; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; }; var index$3 = createCommonjsModule(function(module) { /** * 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. */ { var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element')) || 0xeac7; var isValidElement = function isValidElement(object) { return ( (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE ); }; // By explicitly using `prop-types` you are opting into new development behavior. // http://fb.me/prop-types-in-prod var throwOnDirectAccess = true; module.exports = factoryWithTypeCheckers( isValidElement, throwOnDirectAccess ); } }); var _StyleSheetManager$ch; // var StyleSheetManager = (function(_Component) { inherits(StyleSheetManager, _Component); function StyleSheetManager() { classCallCheck(this, StyleSheetManager); return possibleConstructorReturn( this, _Component.apply(this, arguments) ); } StyleSheetManager.prototype.getChildContext = function getChildContext() { var _ref; return (_ref = {}), (_ref[CONTEXT_KEY] = this.props.sheet), _ref; }; StyleSheetManager.prototype.render = function render() { /* eslint-disable react/prop-types */ // $FlowFixMe return __WEBPACK_IMPORTED_MODULE_1_react___default.a.Children.only( this.props.children ); }; return StyleSheetManager; })(__WEBPACK_IMPORTED_MODULE_1_react__['Component']); StyleSheetManager.childContextTypes = ((_StyleSheetManager$ch = {}), (_StyleSheetManager$ch[ CONTEXT_KEY ] = index$3.instanceOf(StyleSheet).isRequired), _StyleSheetManager$ch); StyleSheetManager.propTypes = { sheet: index$3.instanceOf(StyleSheet).isRequired }; // var ServerTag = (function() { function ServerTag(isLocal) { classCallCheck(this, ServerTag); this.isLocal = isLocal; this.components = {}; this.size = 0; this.names = []; } ServerTag.prototype.isFull = function isFull() { return false; }; ServerTag.prototype.addComponent = function addComponent( componentId ) { if (this.components[componentId]) throw new Error( "Trying to add Component '" + componentId + "' twice!" ); this.components[componentId] = { componentId: componentId, css: '' }; this.size += 1; }; ServerTag.prototype.inject = function inject(componentId, css, name) { var comp = this.components[componentId]; if (!comp) throw new Error( 'Must add a new component before you can inject css into it' ); if (comp.css === '') comp.css = '/* sc-component-id: ' + componentId + ' */\n'; comp.css += css.replace(/\n*$/, '\n'); if (name) this.names.push(name); }; ServerTag.prototype.toHTML = function toHTML() { var _this = this; var namesAttr = SC_ATTR + '="' + this.names.join(' ') + '"'; var localAttr = LOCAL_ATTR + '="' + (this.isLocal ? 'true' : 'false') + '"'; var css = Object.keys(this.components) .map(function(key) { return _this.components[key].css; }) .join(''); return ( '' ); }; ServerTag.prototype.toReactElement = function toReactElement(key) { var _attributes, _this2 = this; var attributes = ((_attributes = {}), (_attributes[ SC_ATTR ] = this.names.join(' ')), (_attributes[ LOCAL_ATTR ] = this.isLocal.toString()), _attributes); var css = Object.keys(this.components) .map(function(k) { return _this2.components[k].css; }) .join(''); return __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement( 'style', _extends( { key: key, type: 'text/css' }, attributes, { dangerouslySetInnerHTML: { __html: css } } ) ); }; ServerTag.prototype.clone = function clone() { var _this3 = this; var copy = new ServerTag(this.isLocal); copy.names = [].concat(this.names); copy.size = this.size; copy.components = Object.keys(this.components).reduce(function( acc, key ) { acc[key] = _extends({}, _this3.components[key]); // eslint-disable-line no-param-reassign return acc; }, {}); return copy; }; return ServerTag; })(); var ServerStyleSheet = (function() { function ServerStyleSheet() { classCallCheck(this, ServerStyleSheet); this.instance = StyleSheet.clone(StyleSheet.instance); } ServerStyleSheet.prototype.collectStyles = function collectStyles( children ) { if (this.closed) throw new Error( "Can't collect styles once you've called getStyleTags!" ); return __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement( StyleSheetManager, { sheet: this.instance }, children ); }; ServerStyleSheet.prototype.getStyleTags = function getStyleTags() { if (!this.closed) { clones.splice(clones.indexOf(this.instance), 1); this.closed = true; } return this.instance.toHTML(); }; ServerStyleSheet.prototype.getStyleElement = function getStyleElement() { if (!this.closed) { clones.splice(clones.indexOf(this.instance), 1); this.closed = true; } return this.instance.toReactElements(); }; ServerStyleSheet.create = function create() { return new StyleSheet(function(isLocal) { return new ServerTag(isLocal); }); }; return ServerStyleSheet; })(); // var LIMIT = 200; var createWarnTooManyClasses = function(displayName) { var generatedClasses = {}; var warningSeen = false; return function(className) { if (!warningSeen) { generatedClasses[className] = true; if (Object.keys(generatedClasses).length >= LIMIT) { // Unable to find latestRule in test environment. /* eslint-disable no-console, prefer-template */ console.warn( 'Over ' + LIMIT + ' classes were generated for component ' + displayName + '. ' + 'Consider using style property for frequently changed styles.\n' + 'Example:\n' + ' const StyledComp = styled.div`width: 100%;`\n' + ' ' ); warningSeen = true; generatedClasses = {}; } } }; }; // /* Trying to avoid the unknown-prop errors on styled components by filtering by React's attribute whitelist. */ /* Logic copied from ReactDOMUnknownPropertyHook */ var reactProps = { children: true, dangerouslySetInnerHTML: true, key: true, ref: true, autoFocus: true, defaultValue: true, valueLink: true, defaultChecked: true, checkedLink: true, innerHTML: true, suppressContentEditableWarning: true, onFocusIn: true, onFocusOut: true, className: true, /* List copied from https://facebook.github.io/react/docs/events.html */ onCopy: true, onCut: true, onPaste: true, onCompositionEnd: true, onCompositionStart: true, onCompositionUpdate: true, onKeyDown: true, onKeyPress: true, onKeyUp: true, onFocus: true, onBlur: true, onChange: true, onInput: true, onSubmit: true, onClick: true, onContextMenu: true, onDoubleClick: true, onDrag: true, onDragEnd: true, onDragEnter: true, onDragExit: true, onDragLeave: true, onDragOver: true, onDragStart: true, onDrop: true, onMouseDown: true, onMouseEnter: true, onMouseLeave: true, onMouseMove: true, onMouseOut: true, onMouseOver: true, onMouseUp: true, onSelect: true, onTouchCancel: true, onTouchEnd: true, onTouchMove: true, onTouchStart: true, onScroll: true, onWheel: true, onAbort: true, onCanPlay: true, onCanPlayThrough: true, onDurationChange: true, onEmptied: true, onEncrypted: true, onEnded: true, onError: true, onLoadedData: true, onLoadedMetadata: true, onLoadStart: true, onPause: true, onPlay: true, onPlaying: true, onProgress: true, onRateChange: true, onSeeked: true, onSeeking: true, onStalled: true, onSuspend: true, onTimeUpdate: true, onVolumeChange: true, onWaiting: true, onLoad: true, onAnimationStart: true, onAnimationEnd: true, onAnimationIteration: true, onTransitionEnd: true, onCopyCapture: true, onCutCapture: true, onPasteCapture: true, onCompositionEndCapture: true, onCompositionStartCapture: true, onCompositionUpdateCapture: true, onKeyDownCapture: true, onKeyPressCapture: true, onKeyUpCapture: true, onFocusCapture: true, onBlurCapture: true, onChangeCapture: true, onInputCapture: true, onSubmitCapture: true, onClickCapture: true, onContextMenuCapture: true, onDoubleClickCapture: true, onDragCapture: true, onDragEndCapture: true, onDragEnterCapture: true, onDragExitCapture: true, onDragLeaveCapture: true, onDragOverCapture: true, onDragStartCapture: true, onDropCapture: true, onMouseDownCapture: true, onMouseEnterCapture: true, onMouseLeaveCapture: true, onMouseMoveCapture: true, onMouseOutCapture: true, onMouseOverCapture: true, onMouseUpCapture: true, onSelectCapture: true, onTouchCancelCapture: true, onTouchEndCapture: true, onTouchMoveCapture: true, onTouchStartCapture: true, onScrollCapture: true, onWheelCapture: true, onAbortCapture: true, onCanPlayCapture: true, onCanPlayThroughCapture: true, onDurationChangeCapture: true, onEmptiedCapture: true, onEncryptedCapture: true, onEndedCapture: true, onErrorCapture: true, onLoadedDataCapture: true, onLoadedMetadataCapture: true, onLoadStartCapture: true, onPauseCapture: true, onPlayCapture: true, onPlayingCapture: true, onProgressCapture: true, onRateChangeCapture: true, onSeekedCapture: true, onSeekingCapture: true, onStalledCapture: true, onSuspendCapture: true, onTimeUpdateCapture: true, onVolumeChangeCapture: true, onWaitingCapture: true, onLoadCapture: true, onAnimationStartCapture: true, onAnimationEndCapture: true, onAnimationIterationCapture: true, onTransitionEndCapture: true }; /* From HTMLDOMPropertyConfig */ var htmlProps = { /** * Standard Properties */ accept: true, acceptCharset: true, accessKey: true, action: true, allowFullScreen: true, allowTransparency: true, alt: true, // specifies target context for links with `preload` type as: true, async: true, autoComplete: true, // autoFocus is polyfilled/normalized by AutoFocusUtils // autoFocus: true, autoPlay: true, capture: true, cellPadding: true, cellSpacing: true, charSet: true, challenge: true, checked: true, cite: true, classID: true, className: true, cols: true, colSpan: true, content: true, contentEditable: true, contextMenu: true, controls: true, coords: true, crossOrigin: true, data: true, // For `` acts as `src`. dateTime: true, default: true, defer: true, dir: true, disabled: true, download: true, draggable: true, encType: true, form: true, formAction: true, formEncType: true, formMethod: true, formNoValidate: true, formTarget: true, frameBorder: true, headers: true, height: true, hidden: true, high: true, href: true, hrefLang: true, htmlFor: true, httpEquiv: true, icon: true, id: true, inputMode: true, integrity: true, is: true, keyParams: true, keyType: true, kind: true, label: true, lang: true, list: true, loop: true, low: true, manifest: true, marginHeight: true, marginWidth: true, max: true, maxLength: true, media: true, mediaGroup: true, method: true, min: true, minLength: true, // Caution; `option.selected` is not updated if `select.multiple` is // disabled with `removeAttribute`. multiple: true, muted: true, name: true, nonce: true, noValidate: true, open: true, optimum: true, pattern: true, placeholder: true, playsInline: true, poster: true, preload: true, profile: true, radioGroup: true, readOnly: true, referrerPolicy: true, rel: true, required: true, reversed: true, role: true, rows: true, rowSpan: true, sandbox: true, scope: true, scoped: true, scrolling: true, seamless: true, selected: true, shape: true, size: true, sizes: true, span: true, spellCheck: true, src: true, srcDoc: true, srcLang: true, srcSet: true, start: true, step: true, style: true, summary: true, tabIndex: true, target: true, title: true, // Setting .type throws on non- tags type: true, useMap: true, value: true, width: true, wmode: true, wrap: true, /** * RDFa Properties */ about: true, datatype: true, inlist: true, prefix: true, // property is also supported for OpenGraph in meta tags. property: true, resource: true, typeof: true, vocab: true, /** * Non-standard Properties */ // autoCapitalize and autoCorrect are supported in Mobile Safari for // keyboard hints. autoCapitalize: true, autoCorrect: true, // autoSave allows WebKit/Blink to persist values of input fields on page reloads autoSave: true, // color is for Safari mask-icon link color: true, // itemProp, itemScope, itemType are for // Microdata support. See http://schema.org/docs/gs.html itemProp: true, itemScope: true, itemType: true, // itemID and itemRef are for Microdata support as well but // only specified in the WHATWG spec document. See // https://html.spec.whatwg.org/multipage/microdata.html#microdata-dom-api itemID: true, itemRef: true, // results show looking glass icon and recent searches on input // search fields in WebKit/Blink results: true, // IE-only attribute that specifies security restrictions on an iframe // as an alternative to the sandbox attribute on IE<10 security: true, // IE-only attribute that controls focus behavior unselectable: 0 }; var svgProps = { accentHeight: true, accumulate: true, additive: true, alignmentBaseline: true, allowReorder: true, alphabetic: true, amplitude: true, arabicForm: true, ascent: true, attributeName: true, attributeType: true, autoReverse: true, azimuth: true, baseFrequency: true, baseProfile: true, baselineShift: true, bbox: true, begin: true, bias: true, by: true, calcMode: true, capHeight: true, clip: true, clipPath: true, clipRule: true, clipPathUnits: true, colorInterpolation: true, colorInterpolationFilters: true, colorProfile: true, colorRendering: true, contentScriptType: true, contentStyleType: true, cursor: true, cx: true, cy: true, d: true, decelerate: true, descent: true, diffuseConstant: true, direction: true, display: true, divisor: true, dominantBaseline: true, dur: true, dx: true, dy: true, edgeMode: true, elevation: true, enableBackground: true, end: true, exponent: true, externalResourcesRequired: true, fill: true, fillOpacity: true, fillRule: true, filter: true, filterRes: true, filterUnits: true, floodColor: true, floodOpacity: true, focusable: true, fontFamily: true, fontSize: true, fontSizeAdjust: true, fontStretch: true, fontStyle: true, fontVariant: true, fontWeight: true, format: true, from: true, fx: true, fy: true, g1: true, g2: true, glyphName: true, glyphOrientationHorizontal: true, glyphOrientationVertical: true, glyphRef: true, gradientTransform: true, gradientUnits: true, hanging: true, horizAdvX: true, horizOriginX: true, ideographic: true, imageRendering: true, in: true, in2: true, intercept: true, k: true, k1: true, k2: true, k3: true, k4: true, kernelMatrix: true, kernelUnitLength: true, kerning: true, keyPoints: true, keySplines: true, keyTimes: true, lengthAdjust: true, letterSpacing: true, lightingColor: true, limitingConeAngle: true, local: true, markerEnd: true, markerMid: true, markerStart: true, markerHeight: true, markerUnits: true, markerWidth: true, mask: true, maskContentUnits: true, maskUnits: true, mathematical: true, mode: true, numOctaves: true, offset: true, opacity: true, operator: true, order: true, orient: true, orientation: true, origin: true, overflow: true, overlinePosition: true, overlineThickness: true, paintOrder: true, panose1: true, pathLength: true, patternContentUnits: true, patternTransform: true, patternUnits: true, pointerEvents: true, points: true, pointsAtX: true, pointsAtY: true, pointsAtZ: true, preserveAlpha: true, preserveAspectRatio: true, primitiveUnits: true, r: true, radius: true, refX: true, refY: true, renderingIntent: true, repeatCount: true, repeatDur: true, requiredExtensions: true, requiredFeatures: true, restart: true, result: true, rotate: true, rx: true, ry: true, scale: true, seed: true, shapeRendering: true, slope: true, spacing: true, specularConstant: true, specularExponent: true, speed: true, spreadMethod: true, startOffset: true, stdDeviation: true, stemh: true, stemv: true, stitchTiles: true, stopColor: true, stopOpacity: true, strikethroughPosition: true, strikethroughThickness: true, string: true, stroke: true, strokeDasharray: true, strokeDashoffset: true, strokeLinecap: true, strokeLinejoin: true, strokeMiterlimit: true, strokeOpacity: true, strokeWidth: true, surfaceScale: true, systemLanguage: true, tableValues: true, targetX: true, targetY: true, textAnchor: true, textDecoration: true, textRendering: true, textLength: true, to: true, transform: true, u1: true, u2: true, underlinePosition: true, underlineThickness: true, unicode: true, unicodeBidi: true, unicodeRange: true, unitsPerEm: true, vAlphabetic: true, vHanging: true, vIdeographic: true, vMathematical: true, values: true, vectorEffect: true, version: true, vertAdvY: true, vertOriginX: true, vertOriginY: true, viewBox: true, viewTarget: true, visibility: true, widths: true, wordSpacing: true, writingMode: true, x: true, xHeight: true, x1: true, x2: true, xChannelSelector: true, xlinkActuate: true, xlinkArcrole: true, xlinkHref: true, xlinkRole: true, xlinkShow: true, xlinkTitle: true, xlinkType: true, xmlBase: true, xmlns: true, xmlnsXlink: true, xmlLang: true, xmlSpace: true, y: true, y1: true, y2: true, yChannelSelector: true, z: true, zoomAndPan: true }; /* From DOMProperty */ var ATTRIBUTE_NAME_START_CHAR = ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD'; var ATTRIBUTE_NAME_CHAR = ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040'; var isCustomAttribute = RegExp.prototype.test.bind( new RegExp('^(data|aria)-[' + ATTRIBUTE_NAME_CHAR + ']*$') ); var hasOwnProperty = {}.hasOwnProperty; var validAttr = function(name) { return ( hasOwnProperty.call(htmlProps, name) || hasOwnProperty.call(svgProps, name) || isCustomAttribute(name.toLowerCase()) || hasOwnProperty.call(reactProps, name) ); }; // function isTag(target) /* : %checks */ { return typeof target === 'string'; } // function isStyledComponent(target) /* : %checks */ { return ( typeof target === 'function' && typeof target.styledComponentId === 'string' ); } // /* eslint-disable no-undef */ function getComponentName(target) { return target.displayName || target.name || 'Component'; } var index$4 = isFunction; var toString = Object.prototype.toString; function isFunction(fn) { var string = toString.call(fn); return ( string === '[object Function]' || (typeof fn === 'function' && string !== '[object RegExp]') || (typeof window !== 'undefined' && // IE8 and below (fn === window.setTimeout || fn === window.alert || fn === window.confirm || fn === window.prompt)) ); } // /** * Creates a broadcast that can be listened to, i.e. simple event emitter * * @see https://github.com/ReactTraining/react-broadcast */ var createBroadcast = function createBroadcast(initialValue) { var listeners = []; var currentValue = initialValue; return { publish: function publish(value) { currentValue = value; listeners.forEach(function(listener) { return listener(currentValue); }); }, subscribe: function subscribe(listener) { listeners.push(listener); // Publish to this subscriber once immediately. listener(currentValue); return function() { listeners = listeners.filter(function(item) { return item !== listener; }); }; } }; }; var _ThemeProvider$childC; var _ThemeProvider$contex; // /* globals React$Element */ // NOTE: DO NOT CHANGE, changing this is a semver major change! var CHANNEL = '__styled-components__'; /** * Provide a theme to an entire react component tree via context and event listeners (have to do * both context and event emitter as pure components block context updates) */ var ThemeProvider = (function(_Component) { inherits(ThemeProvider, _Component); function ThemeProvider() { classCallCheck(this, ThemeProvider); var _this = possibleConstructorReturn(this, _Component.call(this)); _this.getTheme = _this.getTheme.bind(_this); return _this; } ThemeProvider.prototype.componentWillMount = function componentWillMount() { var _this2 = this; // If there is a ThemeProvider wrapper anywhere around this theme provider, merge this theme // with the outer theme if (this.context[CHANNEL]) { var subscribe = this.context[CHANNEL]; this.unsubscribeToOuter = subscribe(function(theme) { _this2.outerTheme = theme; }); } this.broadcast = createBroadcast(this.getTheme()); }; ThemeProvider.prototype.getChildContext = function getChildContext() { var _babelHelpers$extends; return _extends( {}, this.context, ((_babelHelpers$extends = {}), (_babelHelpers$extends[ CHANNEL ] = this.broadcast.subscribe), _babelHelpers$extends) ); }; ThemeProvider.prototype.componentWillReceiveProps = function componentWillReceiveProps( nextProps ) { if (this.props.theme !== nextProps.theme) this.broadcast.publish(this.getTheme(nextProps.theme)); }; ThemeProvider.prototype.componentWillUnmount = function componentWillUnmount() { if (this.context[CHANNEL]) { this.unsubscribeToOuter(); } }; // Get the theme from the props, supporting both (outerTheme) => {} as well as object notation ThemeProvider.prototype.getTheme = function getTheme(passedTheme) { var theme = passedTheme || this.props.theme; if (index$4(theme)) { var mergedTheme = theme(this.outerTheme); if (!index(mergedTheme)) { throw new Error( '[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!' ); } return mergedTheme; } if (!index(theme)) { throw new Error( '[ThemeProvider] Please make your theme prop a plain object' ); } return _extends({}, this.outerTheme, theme); }; ThemeProvider.prototype.render = function render() { if (!this.props.children) { return null; } return __WEBPACK_IMPORTED_MODULE_1_react___default.a.Children.only( this.props.children ); }; return ThemeProvider; })(__WEBPACK_IMPORTED_MODULE_1_react__['Component']); ThemeProvider.childContextTypes = ((_ThemeProvider$childC = {}), (_ThemeProvider$childC[ CHANNEL ] = index$3.func.isRequired), _ThemeProvider$childC); ThemeProvider.contextTypes = ((_ThemeProvider$contex = {}), (_ThemeProvider$contex[ CHANNEL ] = index$3.func), _ThemeProvider$contex); var _AbstractStyledCompon; // var AbstractStyledComponent = (function(_Component) { inherits(AbstractStyledComponent, _Component); function AbstractStyledComponent() { classCallCheck(this, AbstractStyledComponent); return possibleConstructorReturn( this, _Component.apply(this, arguments) ); } return AbstractStyledComponent; })(__WEBPACK_IMPORTED_MODULE_1_react__['Component']); AbstractStyledComponent.contextTypes = ((_AbstractStyledCompon = {}), (_AbstractStyledCompon[ CHANNEL ] = index$3.func), (_AbstractStyledCompon[ CONTEXT_KEY ] = index$3.instanceOf(StyleSheet)), _AbstractStyledCompon); // var escapeRegex = /[[\].#*$><+~=|^:(),"'`]/g; var multiDashRegex = /--+/g; var _StyledComponent = function(ComponentStyle, constructWithOptions) { /* We depend on components having unique IDs */ var identifiers = {}; var generateId = function generateId(_displayName) { var displayName = typeof _displayName !== 'string' ? 'sc' : _displayName .replace(escapeRegex, '-') // Replace all possible CSS selectors .replace(multiDashRegex, '-'); // Replace multiple -- with single - var nr = (identifiers[displayName] || 0) + 1; identifiers[displayName] = nr; var hash = ComponentStyle.generateName(displayName + nr); return displayName + '-' + hash; }; var BaseStyledComponent = (function(_AbstractStyledCompon) { inherits(BaseStyledComponent, _AbstractStyledCompon); function BaseStyledComponent() { var _temp, _this, _ret; classCallCheck(this, BaseStyledComponent); for ( var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++ ) { args[_key] = arguments[_key]; } return (_ret = ((_temp = ((_this = possibleConstructorReturn( this, _AbstractStyledCompon.call.apply( _AbstractStyledCompon, [this].concat(args) ) )), _this)), (_this.attrs = {}), (_this.state = { theme: null, generatedClassName: '' }), _temp)), possibleConstructorReturn(_this, _ret); } BaseStyledComponent.prototype.buildExecutionContext = function buildExecutionContext( theme, props ) { var attrs = this.constructor.attrs; var context = _extends({}, props, { theme: theme }); if (attrs === undefined) { return context; } this.attrs = Object.keys(attrs).reduce(function(acc, key) { var attr = attrs[key]; // eslint-disable-next-line no-param-reassign acc[key] = typeof attr === 'function' ? attr(context) : attr; return acc; }, {}); return _extends({}, context, this.attrs); }; BaseStyledComponent.prototype.generateAndInjectStyles = function generateAndInjectStyles( theme, props ) { var _constructor = this.constructor, componentStyle = _constructor.componentStyle, warnTooManyClasses = _constructor.warnTooManyClasses; var executionContext = this.buildExecutionContext(theme, props); var styleSheet = this.context[CONTEXT_KEY] || StyleSheet.instance; var className = componentStyle.generateAndInjectStyles( executionContext, styleSheet ); if (warnTooManyClasses !== undefined) warnTooManyClasses(className); return className; }; BaseStyledComponent.prototype.componentWillMount = function componentWillMount() { var _this2 = this; // If there is a theme in the context, subscribe to the event emitter. This // is necessary due to pure components blocking context updates, this circumvents // that by updating when an event is emitted if (this.context[CHANNEL]) { var subscribe = this.context[CHANNEL]; this.unsubscribe = subscribe(function(nextTheme) { // This will be called once immediately // Props should take precedence over ThemeProvider, which should take precedence over // defaultProps, but React automatically puts defaultProps on props. var defaultProps = _this2.constructor.defaultProps; var isDefaultTheme = defaultProps && _this2.props.theme === defaultProps.theme; var theme = _this2.props.theme && !isDefaultTheme ? _this2.props.theme : nextTheme; var generatedClassName = _this2.generateAndInjectStyles( theme, _this2.props ); _this2.setState({ theme: theme, generatedClassName: generatedClassName }); }); } else { var theme = this.props.theme || {}; var generatedClassName = this.generateAndInjectStyles( theme, this.props ); this.setState({ theme: theme, generatedClassName: generatedClassName }); } }; BaseStyledComponent.prototype.componentWillReceiveProps = function componentWillReceiveProps( nextProps ) { var _this3 = this; this.setState(function(oldState) { // Props should take precedence over ThemeProvider, which should take precedence over // defaultProps, but React automatically puts defaultProps on props. var defaultProps = _this3.constructor.defaultProps; var isDefaultTheme = defaultProps && nextProps.theme === defaultProps.theme; var theme = nextProps.theme && !isDefaultTheme ? nextProps.theme : oldState.theme; var generatedClassName = _this3.generateAndInjectStyles( theme, nextProps ); return { theme: theme, generatedClassName: generatedClassName }; }); }; BaseStyledComponent.prototype.componentWillUnmount = function componentWillUnmount() { if (this.unsubscribe) { this.unsubscribe(); } }; BaseStyledComponent.prototype.render = function render() { var _this4 = this; var innerRef = this.props.innerRef; var generatedClassName = this.state.generatedClassName; var _constructor2 = this.constructor, styledComponentId = _constructor2.styledComponentId, target = _constructor2.target; var isTargetTag = isTag(target); var className = [ this.props.className, styledComponentId, this.attrs.className, generatedClassName ] .filter(Boolean) .join(' '); var baseProps = _extends({}, this.attrs, { className: className }); if (isStyledComponent(target)) { baseProps.innerRef = innerRef; } else { baseProps.ref = innerRef; } var propsForElement = Object.keys(this.props).reduce(function( acc, propName ) { // Don't pass through non HTML tags through to HTML elements // always omit innerRef if ( propName !== 'innerRef' && propName !== 'className' && (!isTargetTag || validAttr(propName)) ) { // eslint-disable-next-line no-param-reassign acc[propName] = _this4.props[propName]; } return acc; }, baseProps); return __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_react__['createElement'] )(target, propsForElement); }; return BaseStyledComponent; })(AbstractStyledComponent); var createStyledComponent = function createStyledComponent( target, options, rules ) { var _StyledComponent$cont; var _options$displayName = options.displayName, displayName = _options$displayName === undefined ? isTag(target) ? 'styled.' + target : 'Styled(' + getComponentName(target) + ')' : _options$displayName, _options$componentId = options.componentId, componentId = _options$componentId === undefined ? generateId(options.displayName) : _options$componentId, _options$ParentCompon = options.ParentComponent, ParentComponent = _options$ParentCompon === undefined ? BaseStyledComponent : _options$ParentCompon, extendingRules = options.rules, attrs = options.attrs; var styledComponentId = options.displayName && options.componentId ? options.displayName + '-' + options.componentId : componentId; var warnTooManyClasses = void 0; if ( typeof process !== 'undefined' && 'development' !== 'production' ) { warnTooManyClasses = createWarnTooManyClasses(displayName); } var componentStyle = new ComponentStyle( extendingRules === undefined ? rules : extendingRules.concat(rules), styledComponentId ); var StyledComponent = (function(_ParentComponent) { inherits(StyledComponent, _ParentComponent); function StyledComponent() { classCallCheck(this, StyledComponent); return possibleConstructorReturn( this, _ParentComponent.apply(this, arguments) ); } StyledComponent.withComponent = function withComponent(tag) { var _ = options.displayName, __ = options.componentId, optionsToCopy = objectWithoutProperties(options, [ 'displayName', 'componentId' ]); var newOptions = _extends({}, optionsToCopy, { ParentComponent: StyledComponent }); return createStyledComponent(tag, newOptions, rules); }; createClass(StyledComponent, null, [ { key: 'extend', get: function get() { var _ = options.displayName, __ = options.componentId, optionsToCopy = objectWithoutProperties(options, [ 'displayName', 'componentId' ]); var newOptions = _extends({}, optionsToCopy, { rules: rules, ParentComponent: StyledComponent }); return constructWithOptions( createStyledComponent, target, newOptions ); } } ]); return StyledComponent; })(ParentComponent); StyledComponent.contextTypes = ((_StyledComponent$cont = {}), (_StyledComponent$cont[ CHANNEL ] = index$3.func), (_StyledComponent$cont[ CONTEXT_KEY ] = index$3.instanceOf(StyleSheet)), _StyledComponent$cont); StyledComponent.displayName = displayName; StyledComponent.styledComponentId = styledComponentId; StyledComponent.attrs = attrs; StyledComponent.componentStyle = componentStyle; StyledComponent.warnTooManyClasses = warnTooManyClasses; StyledComponent.target = target; return StyledComponent; }; return createStyledComponent; }; // murmurhash2 via https://gist.github.com/raycmorgan/588423 function doHash(str, seed) { var m = 0x5bd1e995; var r = 24; var h = seed ^ str.length; var length = str.length; var currentIndex = 0; while (length >= 4) { var k = UInt32(str, currentIndex); k = Umul32(k, m); k ^= k >>> r; k = Umul32(k, m); h = Umul32(h, m); h ^= k; currentIndex += 4; length -= 4; } switch (length) { case 3: h ^= UInt16(str, currentIndex); h ^= str.charCodeAt(currentIndex + 2) << 16; h = Umul32(h, m); break; case 2: h ^= UInt16(str, currentIndex); h = Umul32(h, m); break; case 1: h ^= str.charCodeAt(currentIndex); h = Umul32(h, m); break; } h ^= h >>> 13; h = Umul32(h, m); h ^= h >>> 15; return h >>> 0; } function UInt32(str, pos) { return ( str.charCodeAt(pos++) + (str.charCodeAt(pos++) << 8) + (str.charCodeAt(pos++) << 16) + (str.charCodeAt(pos) << 24) ); } function UInt16(str, pos) { return str.charCodeAt(pos++) + (str.charCodeAt(pos++) << 8); } function Umul32(n, m) { n = n | 0; m = m | 0; var nlo = n & 0xffff; var nhi = n >>> 16; var res = (nlo * m + (((nhi * m) & 0xffff) << 16)) | 0; return res; } // /* ComponentStyle is all the CSS-specific stuff, not the React-specific stuff. */ var _ComponentStyle = function(nameGenerator, flatten, stringifyRules) { var ComponentStyle = (function() { function ComponentStyle(rules, componentId) { classCallCheck(this, ComponentStyle); this.rules = rules; this.componentId = componentId; if (!StyleSheet.instance.hasInjectedComponent(this.componentId)) { var placeholder = '.' + componentId + ' {}'; StyleSheet.instance.deferredInject( componentId, true, placeholder ); } } /* * Flattens a rule set into valid CSS * Hashes it, wraps the whole chunk in a .hash1234 {} * Returns the hash to be injected on render() * */ ComponentStyle.prototype.generateAndInjectStyles = function generateAndInjectStyles( executionContext, styleSheet ) { var flatCSS = flatten(this.rules, executionContext); var hash = doHash(this.componentId + flatCSS.join('')); var existingName = styleSheet.getName(hash); if (existingName) return existingName; var name = nameGenerator(hash); if (styleSheet.alreadyInjected(hash, name)) return name; var css = '\n' + stringifyRules(flatCSS, '.' + name); styleSheet.inject(this.componentId, true, css, hash, name); return name; }; ComponentStyle.generateName = function generateName(str) { return nameGenerator(doHash(str)); }; return ComponentStyle; })(); return ComponentStyle; }; // // Thanks to ReactDOMFactories for this handy list! var domElements = [ 'a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG 'circle', 'clipPath', 'defs', 'ellipse', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan' ]; // var _styled = function(styledComponent, constructWithOptions) { var styled = function styled(tag) { return constructWithOptions(styledComponent, tag); }; // Shorthands for all valid HTML Elements domElements.forEach(function(domElement) { styled[domElement] = styled(domElement); }); return styled; }; // var replaceWhitespace = function replaceWhitespace(str) { return str.replace(/\s|\\n/g, ''); }; var _keyframes = function(nameGenerator, stringifyRules, css) { return function(strings) { for ( var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { interpolations[_key - 1] = arguments[_key]; } var rules = css.apply(undefined, [strings].concat(interpolations)); var hash = doHash(replaceWhitespace(JSON.stringify(rules))); var existingName = StyleSheet.instance.getName(hash); if (existingName) return existingName; var name = nameGenerator(hash); if (StyleSheet.instance.alreadyInjected(hash, name)) return name; var generatedCSS = stringifyRules(rules, name, '@keyframes'); StyleSheet.instance.inject( 'sc-keyframes-' + name, true, generatedCSS, hash, name ); return name; }; }; // var _injectGlobal = function(stringifyRules, css) { var injectGlobal = function injectGlobal(strings) { for ( var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { interpolations[_key - 1] = arguments[_key]; } var rules = css.apply(undefined, [strings].concat(interpolations)); var hash = doHash(JSON.stringify(rules)); var componentId = 'sc-global-' + hash; if (StyleSheet.instance.hasInjectedComponent(componentId)) return; StyleSheet.instance.inject( componentId, false, stringifyRules(rules) ); }; return injectGlobal; }; // var _constructWithOptions = function(css) { var constructWithOptions = function constructWithOptions( componentConstructor, tag ) { var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; if (typeof tag !== 'string' && typeof tag !== 'function') { // $FlowInvalidInputTest throw new Error( 'Cannot create styled-component for component: ' + tag ); } /* This is callable directly as a template function */ var templateFunction = function templateFunction(strings) { for ( var _len = arguments.length, interpolations = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { interpolations[_key - 1] = arguments[_key]; } return componentConstructor( tag, options, css.apply(undefined, [strings].concat(interpolations)) ); }; /* If config methods are called, wrap up a new template function and merge options */ templateFunction.withConfig = function(config) { return constructWithOptions( componentConstructor, tag, _extends({}, options, config) ); }; templateFunction.attrs = function(attrs) { return constructWithOptions( componentConstructor, tag, _extends({}, options, { attrs: _extends({}, options.attrs || {}, attrs) }) ); }; return templateFunction; }; return constructWithOptions; }; /** * Copyright 2015, Yahoo! Inc. * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms. */ var REACT_STATICS = { childContextTypes: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, mixins: true, propTypes: true, type: true }; var KNOWN_STATICS = { name: true, length: true, prototype: true, caller: true, arguments: true, arity: true }; var isGetOwnPropertySymbolsAvailable = typeof Object.getOwnPropertySymbols === 'function'; var index$5 = function hoistNonReactStatics( targetComponent, sourceComponent, customStatics ) { if (typeof sourceComponent !== 'string') { // don't hoist over string (html) components var keys = Object.getOwnPropertyNames(sourceComponent); /* istanbul ignore else */ if (isGetOwnPropertySymbolsAvailable) { keys = keys.concat(Object.getOwnPropertySymbols(sourceComponent)); } for (var i = 0; i < keys.length; ++i) { if ( !REACT_STATICS[keys[i]] && !KNOWN_STATICS[keys[i]] && (!customStatics || !customStatics[keys[i]]) ) { try { targetComponent[keys[i]] = sourceComponent[keys[i]]; } catch (error) {} } } } return targetComponent; }; // /* globals ReactClass */ var wrapWithTheme = function wrapWithTheme(Component$$1) { var _WithTheme$contextTyp; var componentName = Component$$1.displayName || Component$$1.name || 'Component'; var isStyledComponent$$1 = isStyledComponent(Component$$1); var WithTheme = (function(_React$Component) { inherits(WithTheme, _React$Component); function WithTheme() { var _temp, _this, _ret; classCallCheck(this, WithTheme); for ( var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++ ) { args[_key] = arguments[_key]; } return (_ret = ((_temp = ((_this = possibleConstructorReturn( this, _React$Component.call.apply( _React$Component, [this].concat(args) ) )), _this)), (_this.state = {}), _temp)), possibleConstructorReturn( _this, _ret ); } // NOTE: This is so that isStyledComponent passes for the innerRef unwrapping WithTheme.prototype.componentWillMount = function componentWillMount() { var _this2 = this; if (!this.context[CHANNEL]) { throw new Error( '[withTheme] Please use ThemeProvider to be able to use withTheme' ); } var subscribe = this.context[CHANNEL]; this.unsubscribe = subscribe(function(theme) { _this2.setState({ theme: theme }); }); }; WithTheme.prototype.componentWillUnmount = function componentWillUnmount() { if (typeof this.unsubscribe === 'function') this.unsubscribe(); }; WithTheme.prototype.render = function render() { // eslint-disable-next-line react/prop-types var innerRef = this.props.innerRef; var theme = this.state.theme; return __WEBPACK_IMPORTED_MODULE_1_react___default.a.createElement( Component$$1, _extends( { theme: theme }, this.props, { innerRef: isStyledComponent$$1 ? innerRef : undefined, ref: isStyledComponent$$1 ? undefined : innerRef } ) ); }; return WithTheme; })(__WEBPACK_IMPORTED_MODULE_1_react___default.a.Component); WithTheme.displayName = 'WithTheme(' + componentName + ')'; WithTheme.styledComponentId = 'withTheme'; WithTheme.contextTypes = ((_WithTheme$contextTyp = {}), (_WithTheme$contextTyp[ CHANNEL ] = index$3.func), _WithTheme$contextTyp); return index$5(WithTheme, Component$$1); }; // /* Import singletons */ /* Import singleton constructors */ /* Import components */ /* Import Higher Order Components */ /* Instantiate singletons */ var ComponentStyle = _ComponentStyle( generateAlphabeticName, flatten, stringifyRules ); var constructWithOptions = _constructWithOptions(css); var StyledComponent = _StyledComponent( ComponentStyle, constructWithOptions ); /* Instantiate exported singletons */ var keyframes = _keyframes(generateAlphabeticName, stringifyRules, css); var injectGlobal = _injectGlobal(stringifyRules, css); var styled = _styled(StyledComponent, constructWithOptions); /* harmony default export */ __webpack_exports__['a'] = styled; /* WEBPACK VAR INJECTION */ }.call(__webpack_exports__, __webpack_require__(45))); /***/ }, /* 4 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_unitcalc__ = __webpack_require__( 193 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_unitcalc___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_unitcalc__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_camel_case__ = __webpack_require__( 418 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_camel_case___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_2_camel_case__ ); var _templateObject = _taggedTemplateLiteral(['', ''], ['', '']); function _taggedTemplateLiteral(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); } function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } var sides = ['top', 'right', 'bottom', 'left']; var unitProps = (function() { var sided = function sided(rule) { return sides.map(function(side) { return rule + '-' + side; }); }; var measures = ['margin', 'padding'].reduce(function(props, rule) { return [].concat( _toConsumableArray(props), [rule], _toConsumableArray(sided(rule)) ); }, []); return sides.reduce(function(acc, side) { return [].concat(_toConsumableArray(acc), [ 'border-' + side + '-width' ]); }, ['border'].concat(_toConsumableArray(measures))); })(); var unitsFromProps = function unitsFromProps(props) { return unitProps .filter(function(measure) { return props[ __WEBPACK_IMPORTED_MODULE_2_camel_case___default()(measure) ]; }) .map(function(measure) { return ( '\n ' + measure + ': ' + __WEBPACK_IMPORTED_MODULE_0_unitcalc___default()( props[ __WEBPACK_IMPORTED_MODULE_2_camel_case___default()(measure) ] ) + ';\n ' ); }) .join(';\n'); }; /* harmony default export */ __webpack_exports__['a'] = function( Component ) { return Component.extend ? Component.extend(_templateObject, unitsFromProps) : __webpack_require__ .i( __WEBPACK_IMPORTED_MODULE_1_styled_components__[ 'a' /* default */ ] )(Component) .withConfig({ displayName: 'baseline' })(['', ''], unitsFromProps); }; /***/ }, /* 5 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var emptyFunction = __webpack_require__(17); /** * 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 = emptyFunction; if (false) { (function() { var printWarning = function printWarning(format) { for ( var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { args[_key - 1] = arguments[_key]; } var argIndex = 0; var message = 'Warning: ' + format.replace(/%s/g, function() { return args[argIndex++]; }); if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // 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) {} }; warning = function warning(condition, format) { if (format === undefined) { throw new Error( '`warning(condition, format, ...args)` requires a warning ' + 'message argument' ); } if (format.indexOf('Failed Composite propType: ') === 0) { return; // Ignore CompositeComponent proptype check. } if (!condition) { for ( var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++ ) { args[_key2 - 2] = arguments[_key2]; } printWarning.apply(undefined, [format].concat(args)); } }; })(); } module.exports = warning; /***/ }, /* 6 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__splice__ = __webpack_require__( 963 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getIn__ = __webpack_require__( 960 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__setIn__ = __webpack_require__( 962 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__deepEqual__ = __webpack_require__( 958 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__deleteIn__ = __webpack_require__( 959 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__keys__ = __webpack_require__( 961 ); var structure = { allowsArrayErrors: true, empty: {}, emptyList: [], getIn: __WEBPACK_IMPORTED_MODULE_1__getIn__['a' /* default */], setIn: __WEBPACK_IMPORTED_MODULE_2__setIn__['a' /* default */], deepEqual: __WEBPACK_IMPORTED_MODULE_3__deepEqual__['a' /* default */], deleteIn: __WEBPACK_IMPORTED_MODULE_4__deleteIn__['a' /* default */], fromJS: function fromJS(value) { return value; }, keys: __WEBPACK_IMPORTED_MODULE_5__keys__['a' /* default */], size: function size(array) { return array ? array.length : 0; }, splice: __WEBPACK_IMPORTED_MODULE_0__splice__['a' /* default */], toJS: function toJS(value) { return value; } }; /* harmony default export */ __webpack_exports__['a'] = structure; /***/ }, /* 7 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ /** * WARNING: DO NOT manually require this module. * This is a replacement for `invariant(...)` used by the error code system * and will _only_ be required by the corresponding babel pass. * It always throws. */ function reactProdInvariant(code) { var argCount = arguments.length - 1; var message = 'Minified React error #' + code + '; visit ' + 'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code; for (var argIdx = 0; argIdx < argCount; argIdx++) { message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]); } message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.'; var error = new Error(message); error.name = 'Invariant Violation'; error.framesToPop = 1; // we don't care about reactProdInvariant's own frame throw error; } module.exports = reactProdInvariant; /***/ }, /* 8 */ /***/ function(module, exports, __webpack_require__) { const flatten = __webpack_require__(354); const BASE = 16; const calc = (base, ...values) => flatten(values.map(value => String(value).split(/\s/gim))) .map(value => `${Number(value.replace('px', '')) / base}rem`) .join(' '); module.exports = (...values) => calc(BASE, ...values); module.exports.withBase = calc; /***/ }, /* 9 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /* object-assign (c) Sindre Sorhus @license MIT */ /* eslint-disable no-unused-vars */ var getOwnPropertySymbols = Object.getOwnPropertySymbols; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(val) { if (val === null || val === undefined) { throw new TypeError( 'Object.assign cannot be called with null or undefined' ); } return Object(val); } function shouldUseNative() { try { if (!Object.assign) { return false; } // Detect buggy property enumeration order in older V8 versions. // https://bugs.chromium.org/p/v8/issues/detail?id=4118 var test1 = new String('abc'); // eslint-disable-line no-new-wrappers test1[5] = 'de'; if (Object.getOwnPropertyNames(test1)[0] === '5') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test2 = {}; for (var i = 0; i < 10; i++) { test2['_' + String.fromCharCode(i)] = i; } var order2 = Object.getOwnPropertyNames(test2).map(function(n) { return test2[n]; }); if (order2.join('') !== '0123456789') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test3 = {}; 'abcdefghijklmnopqrst'.split('').forEach(function(letter) { test3[letter] = letter; }); if ( Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst' ) { return false; } return true; } catch (err) { // We don't expect any of the above to throw, but better to be safe. return false; } } module.exports = shouldUseNative() ? Object.assign : function(target, source) { var from; var to = toObject(target); var symbols; for (var s = 1; s < arguments.length; s++) { from = Object(arguments[s]); for (var key in from) { if (hasOwnProperty.call(from, key)) { to[key] = from[key]; } } if (getOwnPropertySymbols) { symbols = getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; } } } } return to; }; /***/ }, /* 10 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _Styled = __webpack_require__(849); Object.defineProperty(exports, 'default', { enumerable: true, get: function get() { return _interopRequireDefault(_Styled).default; } }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /***/ }, /* 11 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _prodInvariant = __webpack_require__(7); var DOMProperty = __webpack_require__(57); var ReactDOMComponentFlags = __webpack_require__(272); var invariant = __webpack_require__(2); var ATTR_NAME = DOMProperty.ID_ATTRIBUTE_NAME; var Flags = ReactDOMComponentFlags; var internalInstanceKey = '__reactInternalInstance$' + Math.random().toString(36).slice(2); /** * Check if a given node should be cached. */ function shouldPrecacheNode(node, nodeID) { return ( (node.nodeType === 1 && node.getAttribute(ATTR_NAME) === String(nodeID)) || (node.nodeType === 8 && node.nodeValue === ' react-text: ' + nodeID + ' ') || (node.nodeType === 8 && node.nodeValue === ' react-empty: ' + nodeID + ' ') ); } /** * Drill down (through composites and empty components) until we get a host or * host text component. * * This is pretty polymorphic but unavoidable with the current structure we have * for `_renderedChildren`. */ function getRenderedHostOrTextFromComponent(component) { var rendered; while ((rendered = component._renderedComponent)) { component = rendered; } return component; } /** * Populate `_hostNode` on the rendered host/text component with the given * DOM node. The passed `inst` can be a composite. */ function precacheNode(inst, node) { var hostInst = getRenderedHostOrTextFromComponent(inst); hostInst._hostNode = node; node[internalInstanceKey] = hostInst; } function uncacheNode(inst) { var node = inst._hostNode; if (node) { delete node[internalInstanceKey]; inst._hostNode = null; } } /** * Populate `_hostNode` on each child of `inst`, assuming that the children * match up with the DOM (element) children of `node`. * * We cache entire levels at once to avoid an n^2 problem where we access the * children of a node sequentially and have to walk from the start to our target * node every time. * * Since we update `_renderedChildren` and the actual DOM at (slightly) * different times, we could race here and see a newer `_renderedChildren` than * the DOM nodes we see. To avoid this, ReactMultiChild calls * `prepareToManageChildren` before we change `_renderedChildren`, at which * time the container's child nodes are always cached (until it unmounts). */ function precacheChildNodes(inst, node) { if (inst._flags & Flags.hasCachedChildNodes) { return; } var children = inst._renderedChildren; var childNode = node.firstChild; outer: for (var name in children) { if (!children.hasOwnProperty(name)) { continue; } var childInst = children[name]; var childID = getRenderedHostOrTextFromComponent(childInst)._domID; if (childID === 0) { // We're currently unmounting this child in ReactMultiChild; skip it. continue; } // We assume the child nodes are in the same order as the child instances. for (; childNode !== null; childNode = childNode.nextSibling) { if (shouldPrecacheNode(childNode, childID)) { precacheNode(childInst, childNode); continue outer; } } // We reached the end of the DOM children without finding an ID match. true ? false ? invariant( false, 'Unable to find element with ID %s.', childID ) : _prodInvariant('32', childID) : void 0; } inst._flags |= Flags.hasCachedChildNodes; } /** * Given a DOM node, return the closest ReactDOMComponent or * ReactDOMTextComponent instance ancestor. */ function getClosestInstanceFromNode(node) { if (node[internalInstanceKey]) { return node[internalInstanceKey]; } // Walk up the tree until we find an ancestor whose instance we have cached. var parents = []; while (!node[internalInstanceKey]) { parents.push(node); if (node.parentNode) { node = node.parentNode; } else { // Top of the tree. This node must not be part of a React tree (or is // unmounted, potentially). return null; } } var closest; var inst; for ( ; node && (inst = node[internalInstanceKey]); node = parents.pop() ) { closest = inst; if (parents.length) { precacheChildNodes(inst, node); } } return closest; } /** * Given a DOM node, return the ReactDOMComponent or ReactDOMTextComponent * instance, or null if the node was not rendered by this React. */ function getInstanceFromNode(node) { var inst = getClosestInstanceFromNode(node); if (inst != null && inst._hostNode === node) { return inst; } else { return null; } } /** * Given a ReactDOMComponent or ReactDOMTextComponent, return the corresponding * DOM node. */ function getNodeFromInstance(inst) { // Without this first invariant, passing a non-DOM-component triggers the next // invariant for a missing parent, which is super confusing. !(inst._hostNode !== undefined) ? false ? invariant(false, 'getNodeFromInstance: Invalid argument.') : _prodInvariant('33') : void 0; if (inst._hostNode) { return inst._hostNode; } // Walk up the tree until we find an ancestor whose DOM node we have cached. var parents = []; while (!inst._hostNode) { parents.push(inst); !inst._hostParent ? false ? invariant( false, 'React DOM tree root should always have a node reference.' ) : _prodInvariant('34') : void 0; inst = inst._hostParent; } // Now parents contains each ancestor that does *not* have a cached native // node, and `inst` is the deepest ancestor that does. for (; parents.length; inst = parents.pop()) { precacheChildNodes(inst, inst._hostNode); } return inst._hostNode; } var ReactDOMComponentTree = { getClosestInstanceFromNode: getClosestInstanceFromNode, getInstanceFromNode: getInstanceFromNode, getNodeFromInstance: getNodeFromInstance, precacheChildNodes: precacheChildNodes, precacheNode: precacheNode, uncacheNode: uncacheNode }; module.exports = ReactDOMComponentTree; /***/ }, /* 12 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return isNot; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'c', function() { return isOr; } ); /* unused harmony export isSomeNot */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components__ = __webpack_require__( 381 ); var index = (...names) => (...args) => props => names.every(name => props[name]) ? __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */] )(...args) : __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */]``; const isNot = (...names) => (...args) => props => names.every(name => !props[name]) ? __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */] )(...args) : __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */]``; const isOr = (...names) => (...args) => props => names.some(name => props[name]) ? __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */] )(...args) : __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */]``; const isSomeNot = (...names) => (...args) => props => names.some(name => !props[name]) ? __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */] )(...args) : __WEBPACK_IMPORTED_MODULE_0_styled_components__['a' /* css */]``; /* harmony default export */ __webpack_exports__['a'] = index; /***/ }, /* 13 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* unused harmony export fontFamily */ /* unused harmony export semibold */ /* unused harmony export medium */ /* unused harmony export normal */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__fonts__ = __webpack_require__( 413 ); /* harmony reexport (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return __WEBPACK_IMPORTED_MODULE_1__fonts__['a']; } ); var fontFamily = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )([ 'font-family:"Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;' ]); var semibold = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )(['font-weight: 600;']); var medium = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )(['font-weight: 500;']); var normal = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )(['font-weight: 400;']); /* harmony default export */ __webpack_exports__['a'] = { fontFamily: fontFamily, semibold: semibold, medium: medium, normal: normal }; /***/ }, /* 14 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; exports.Subscriber = exports.Broadcast = undefined; var _Broadcast2 = __webpack_require__(714); var _Broadcast3 = _interopRequireDefault(_Broadcast2); var _Subscriber2 = __webpack_require__(715); var _Subscriber3 = _interopRequireDefault(_Subscriber2); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } exports.Broadcast = _Broadcast3.default; exports.Subscriber = _Subscriber3.default; /***/ }, /* 15 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement); /** * Simple, lightweight module assisting with the detection and context of * Worker. Helps avoid circular dependencies and allows code to reason about * whether or not they are in a Worker, even if they never include the main * `ReactWorker` dependency. */ var ExecutionEnvironment = { canUseDOM: canUseDOM, canUseWorkers: typeof Worker !== 'undefined', canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent), canUseViewport: canUseDOM && !!window.screen, isInWorker: !canUseDOM // For now, this is true - might change in the future. }; module.exports = ExecutionEnvironment; /***/ }, /* 16 */ /***/ function(module, exports) { var g; // This works in non-strict mode g = (function() { return this; })(); try { // This works if eval is allowed (see CSP) g = g || Function('return this')() || (1, eval)('this'); } catch (e) { // This works if the window reference is available if (typeof window === 'object') g = window; } // g can still be undefined, but nothing to do about it... // We return undefined, instead of nothing here, so it's // easier to handle this case. if(!global) { ...} module.exports = g; /***/ }, /* 17 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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 makeEmptyFunction(arg) { return function() { return arg; }; } /** * This function accepts and discards inputs; it has no side effects. This is * primarily useful idiomatically for overridable function endpoints which * always need to be callable, since JS lacks a null-call idiom ala Cocoa. */ var emptyFunction = function emptyFunction() {}; emptyFunction.thatReturns = makeEmptyFunction; emptyFunction.thatReturnsFalse = makeEmptyFunction(false); emptyFunction.thatReturnsTrue = makeEmptyFunction(true); emptyFunction.thatReturnsNull = makeEmptyFunction(null); emptyFunction.thatReturnsThis = function() { return this; }; emptyFunction.thatReturnsArgument = function(arg) { return arg; }; module.exports = emptyFunction; /***/ }, /* 18 */ /***/ function(module, exports, __webpack_require__) { var freeGlobal = __webpack_require__(256); /** Detect free variable `self`. */ var freeSelf = typeof self == 'object' && self && self.Object === Object && self; /** Used as a reference to the global object. */ var root = freeGlobal || freeSelf || Function('return this')(); module.exports = root; /***/ }, /* 19 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__MemoryRouter__ = __webpack_require__( 800 ); /* unused harmony reexport MemoryRouter */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Prompt__ = __webpack_require__( 801 ); /* unused harmony reexport Prompt */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Redirect__ = __webpack_require__( 802 ); /* unused harmony reexport Redirect */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Route__ = __webpack_require__( 296 ); /* harmony reexport (binding) */ __webpack_require__.d( __webpack_exports__, 'a', function() { return __WEBPACK_IMPORTED_MODULE_3__Route__['a']; } ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Router__ = __webpack_require__( 178 ); /* harmony reexport (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return __WEBPACK_IMPORTED_MODULE_4__Router__['a']; } ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__StaticRouter__ = __webpack_require__( 803 ); /* unused harmony reexport StaticRouter */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__Switch__ = __webpack_require__( 804 ); /* unused harmony reexport Switch */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__matchPath__ = __webpack_require__( 179 ); /* unused harmony reexport matchPath */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__withRouter__ = __webpack_require__( 805 ); /* unused harmony reexport withRouter */ /***/ }, /* 20 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; // WARNING: This function’s source is returned by a loader without transpilation. // Do not use any unsupported by IE11+ features. /** * Eval example code in a custom context: * - `require()` that allows you to require modules from Markdown examples (won’t work dinamically becasue we need * to know all required modules in advance to be able to bundle them with the code). * - `state` variable, `setState` and `__setInitialState` functions that will be binded to a React component * that manages example’s state on the frontend. * * Also prepends a given `code` with a `header` (maps required context modules to local variables). * * @param {string} header * @param {Function} require * @param {string} code * @return {Function} */ module.exports = function evalInContext(header, require, code) { var func = new Function( // eslint-disable-line no-new-func 'require', 'state', 'setState', '__setInitialState', header + code ); // Bind the `require` function, other context arguments will be passed from the frontend return func.bind(null, require); }; /***/ }, /* 21 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; // WARNING: This function’s source is returned by a loader without transpilation. // Do not use any unsupported by IE11+ features. /** * Return module from a given map (like {react: require('react')}) or throw. * We alllow to require modules only from Markdown examples (won’t work dinamically becasue we need to know all required * modules in advance to be able to bundle them with the code). * * @param {object} requireMap * @param {string} filepath * @return {object} */ module.exports = function requireInRuntime(requireMap, filepath) { if (!(filepath in requireMap)) { throw new Error( 'require() statements can be added only by editing a Markdown example file: require("' + filepath + '")' ); } return requireMap[filepath]; }; /***/ }, /* 22 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. */ /** * 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 (false) { 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; /***/ }, /* 23 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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 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 (false) { 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; /***/ }, /* 24 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * @author Titus Wormer * @copyright 2016 Titus Wormer * @license MIT * @module is-whitespace-character * @fileoverview Check if a character is a whitespace character. */ /* eslint-env commonjs */ /* Expose. */ module.exports = whitespace; /* Methods. */ var fromCode = String.fromCharCode; /* Constants. */ var re = /\s/; /** * Check whether the given character code, or the character * code at the first character, is a whitespace character. * * @param {string|number} character * @return {boolean} - Whether `character` is a whitespaces character. */ function whitespace(character) { return re.test( typeof character === 'number' ? fromCode(character) : character.charAt(0) ); } /***/ }, /* 25 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2016-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. * * */ // Trust the developer to only use ReactInstrumentation with a __DEV__ check var debugTool = null; if (false) { var ReactDebugTool = require('./ReactDebugTool'); debugTool = ReactDebugTool; } module.exports = { debugTool: debugTool }; /***/ }, /* 26 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* unused harmony export Article */ /* unused harmony export Aside */ /* unused harmony export Footer */ /* unused harmony export Header */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'f', function() { return Nav; } ); /* unused harmony export Section */ /* unused harmony export FigCaption */ /* unused harmony export Figure */ /* unused harmony export Main */ /* unused harmony export H1 */ /* unused harmony export Hr */ /* unused harmony export Pre */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'h', function() { return A; } ); /* unused harmony export Abbr */ /* unused harmony export B */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'i', function() { return Strong; } ); /* unused harmony export Code */ /* unused harmony export Kbd */ /* unused harmony export Samp */ /* unused harmony export Dfn */ /* unused harmony export Mark */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'e', function() { return Small; } ); /* unused harmony export Sub */ /* unused harmony export Sup */ /* unused harmony export Audio */ /* unused harmony export Video */ /* unused harmony export Img */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'a', function() { return Svg; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'g', function() { return Button; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'd', function() { return Input; } ); /* unused harmony export Optgroup */ /* unused harmony export Select */ /* unused harmony export Textarea */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'c', function() { return Fieldset; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return Legend; } ); /* unused harmony export Progress */ /* unused harmony export Details */ /* unused harmony export Menu */ /* unused harmony export Summary */ /* unused harmony export Canvas */ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components__ = __webpack_require__( 352 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_remcalc__ = __webpack_require__( 8 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_remcalc___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_1_remcalc__ ); const Article = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].article.withConfig({ displayName: 'src__Article' })(['display: block;']); const Aside = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].aside.withConfig({ displayName: 'src__Aside' })(['display: block;']); const Footer = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].footer.withConfig({ displayName: 'src__Footer' })(['display: block;']); const Header = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].header.withConfig({ displayName: 'src__Header' })(['display: block;']); const Nav = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].nav.withConfig({ displayName: 'src__Nav' })(['display: block;']); const Section = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].section.withConfig({ displayName: 'src__Section' })(['display: block;']); const FigCaption = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].figcaption.withConfig({ displayName: 'src__FigCaption' })(['display: block;']); const Figure = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].figure.withConfig({ displayName: 'src__Figure' })( ['display: block;margin: ', ' ', ';'], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(16), __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(40) ); const Main = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].main.withConfig({ displayName: 'src__Main' })(['display: block;']); const H1 = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].h1.withConfig({ displayName: 'src__H1' })( ['font-size: ', ';margin: ', ' 0;'], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(32), __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(10) ); const Hr = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].hr.withConfig({ displayName: 'src__Hr' })(['box-sizing: content-box;height: 0;overflow: visible;']); const Pre = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].pre.withConfig({ displayName: 'src__Pre' })( ['font-family: monospace, monospace;font-size: ', ';'], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(16) ); const A = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].a.withConfig({ displayName: 'src__A' })(['background-color: transparent;text-decoration-skip: objects;']); const Abbr = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].abbr.withConfig({ displayName: 'src__Abbr' })([ '&[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}' ]); const B = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].b.withConfig({ displayName: 'src__B' })(['font-weight: bolder;']); const Strong = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].strong.withConfig({ displayName: 'src__Strong' })(['font-weight: bolder;']); const Code = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].code.withConfig({ displayName: 'src__Code' })( ['font-family: monospace, monospace;font-size: ', ';'], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(16) ); const Kbd = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].kbd.withConfig({ displayName: 'src__Kbd' })( ['font-family: monospace, monospace;font-size: ', ';'], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(16) ); const Samp = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].samp.withConfig({ displayName: 'src__Samp' })( ['font-family: monospace, monospace;font-size: ', ';'], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(16) ); const Dfn = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].dfn.withConfig({ displayName: 'src__Dfn' })(['font-style: italic;']); const Mark = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].mark.withConfig({ displayName: 'src__Mark' })(['background-color: #ff0;color: #000;']); const Small = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].small.withConfig({ displayName: 'src__Small' })(['font-size: 80%;']); const Sub = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].sub.withConfig({ displayName: 'src__Sub' })([ 'font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;bottom: -0.25em;' ]); const Sup = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].sup.withConfig({ displayName: 'src__Sup' })([ 'font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;top: -0.5em;' ]); const Audio = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].audio.withConfig({ displayName: 'src__Audio' })([ 'display: inline-block;&:not([controls]) {display: none;height: 0;}' ]); const Video = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].video.withConfig({ displayName: 'src__Video' })(['display: inline-block;']); const Img = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].img.withConfig({ displayName: 'src__Img' })(['border-style: none;']); const Svg = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].svg.withConfig({ displayName: 'src__Svg' })(['&:not(:root) {overflow: hidden;}']); const Button = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].button.withConfig({ displayName: 'src__Button' })( [ 'font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;overflow: visible;text-transform: none;appearance: button;&::-moz-focus-inner,&[type="button"]::-moz-focus-inner,&[type="reset"]::-moz-focus-inner,&[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}&:-moz-focusring,&[type="button"]:-moz-focusring,&[type="reset"]:-moz-focusring,&[type="submit"]:-moz-focusring {outline: ', ' dotted ButtonText;}' ], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1) ); const Input = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].input.withConfig({ displayName: 'src__Input' })( [ 'font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;overflow: visible;&[type="checkbox"],&[type="radio"] {box-sizing: border-box;padding: 0;}&[type="number"]::-webkit-inner-spin-button,&[type="number"]::-webkit-outer-spin-button {height: auto;}&[type="search"] {appearance: textfield;outline-offset: ', ';}&[type="search"]::-webkit-search-cancel-button,&[type="search"]::-webkit-search-decoration {appearance: none;}&::-webkit-file-upload-button {appearance: button;font: inherit;}' ], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(-2) ); const Optgroup = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].optgroup.withConfig({ displayName: 'src__Optgroup' })([ 'font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;' ]); const Select = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].select.withConfig({ displayName: 'src__Select' })([ 'font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;text-transform: none;' ]); const Textarea = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].textarea.withConfig({ displayName: 'src__Textarea' })([ 'font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;overflow: auto;' ]); const Fieldset = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].fieldset.withConfig({ displayName: 'src__Fieldset' })(['padding: 0.35em 0.75em 0.625em;']); const Legend = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].legend.withConfig({ displayName: 'src__Legend' })([ 'box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;' ]); const Progress = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].progress.withConfig({ displayName: 'src__Progress' })(['display: inline-block;vertical-align: baseline;']); const Details = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].details.withConfig({ displayName: 'src__Details' })(['display: block;']); const Menu = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].menu.withConfig({ displayName: 'src__Menu' })(['display: block;']); const Summary = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].summary.withConfig({ displayName: 'src__Summary' })(['display: list-item;']); const Canvas = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].canvas.withConfig({ displayName: 'src__Canvas' })(['display: inline-block;']); /***/ }, /* 27 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__freeGlobal_js__ = __webpack_require__( 233 ); /** Detect free variable `self`. */ var freeSelf = typeof self == 'object' && self && self.Object === Object && self; /** Used as a reference to the global object. */ var root = __WEBPACK_IMPORTED_MODULE_0__freeGlobal_js__['a' /* default */] || freeSelf || Function('return this')(); /* harmony default export */ __webpack_exports__['a'] = root; /***/ }, /* 28 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /** * Checks if `value` is classified as an `Array` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array, else `false`. * @example * * _.isArray([1, 2, 3]); * // => true * * _.isArray(document.body.children); * // => false * * _.isArray('abc'); * // => false * * _.isArray(_.noop); * // => false */ var isArray = Array.isArray; /* harmony default export */ __webpack_exports__['a'] = isArray; /***/ }, /* 29 */ /***/ function(module, exports) { /** * Checks if `value` is classified as an `Array` object. * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an array, else `false`. * @example * * _.isArray([1, 2, 3]); * // => true * * _.isArray(document.body.children); * // => false * * _.isArray('abc'); * // => false * * _.isArray(_.noop); * // => false */ var isArray = Array.isArray; module.exports = isArray; /***/ }, /* 30 */ /***/ function(module, exports) { /** * Checks if `value` is the * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an object, else `false`. * @example * * _.isObject({}); * // => true * * _.isObject([1, 2, 3]); * // => true * * _.isObject(_.noop); * // => true * * _.isObject(null); * // => false */ function isObject(value) { var type = typeof value; return value != null && (type == 'object' || type == 'function'); } module.exports = isObject; /***/ }, /* 31 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _prodInvariant = __webpack_require__(7), _assign = __webpack_require__(9); var CallbackQueue = __webpack_require__(270); var PooledClass = __webpack_require__(46); var ReactFeatureFlags = __webpack_require__(275); var ReactReconciler = __webpack_require__(58); var Transaction = __webpack_require__(106); var invariant = __webpack_require__(2); var dirtyComponents = []; var updateBatchNumber = 0; var asapCallbackQueue = CallbackQueue.getPooled(); var asapEnqueued = false; var batchingStrategy = null; function ensureInjected() { !(ReactUpdates.ReactReconcileTransaction && batchingStrategy) ? false ? invariant( false, 'ReactUpdates: must inject a reconcile transaction class and batching strategy' ) : _prodInvariant('123') : void 0; } var NESTED_UPDATES = { initialize: function() { this.dirtyComponentsLength = dirtyComponents.length; }, close: function() { if (this.dirtyComponentsLength !== dirtyComponents.length) { // Additional updates were enqueued by componentDidUpdate handlers or // similar; before our own UPDATE_QUEUEING wrapper closes, we want to run // these new updates so that if A's componentDidUpdate calls setState on // B, B will update before the callback A's updater provided when calling // setState. dirtyComponents.splice(0, this.dirtyComponentsLength); flushBatchedUpdates(); } else { dirtyComponents.length = 0; } } }; var UPDATE_QUEUEING = { initialize: function() { this.callbackQueue.reset(); }, close: function() { this.callbackQueue.notifyAll(); } }; var TRANSACTION_WRAPPERS = [NESTED_UPDATES, UPDATE_QUEUEING]; function ReactUpdatesFlushTransaction() { this.reinitializeTransaction(); this.dirtyComponentsLength = null; this.callbackQueue = CallbackQueue.getPooled(); this.reconcileTransaction = ReactUpdates.ReactReconcileTransaction.getPooled( /* useCreateElement */ true ); } _assign(ReactUpdatesFlushTransaction.prototype, Transaction, { getTransactionWrappers: function() { return TRANSACTION_WRAPPERS; }, destructor: function() { this.dirtyComponentsLength = null; CallbackQueue.release(this.callbackQueue); this.callbackQueue = null; ReactUpdates.ReactReconcileTransaction.release( this.reconcileTransaction ); this.reconcileTransaction = null; }, perform: function(method, scope, a) { // Essentially calls `this.reconcileTransaction.perform(method, scope, a)` // with this transaction's wrappers around it. return Transaction.perform.call( this, this.reconcileTransaction.perform, this.reconcileTransaction, method, scope, a ); } }); PooledClass.addPoolingTo(ReactUpdatesFlushTransaction); function batchedUpdates(callback, a, b, c, d, e) { ensureInjected(); return batchingStrategy.batchedUpdates(callback, a, b, c, d, e); } /** * Array comparator for ReactComponents by mount ordering. * * @param {ReactComponent} c1 first component you're comparing * @param {ReactComponent} c2 second component you're comparing * @return {number} Return value usable by Array.prototype.sort(). */ function mountOrderComparator(c1, c2) { return c1._mountOrder - c2._mountOrder; } function runBatchedUpdates(transaction) { var len = transaction.dirtyComponentsLength; !(len === dirtyComponents.length) ? false ? invariant( false, "Expected flush transaction's stored dirty-components length (%s) to match dirty-components array length (%s).", len, dirtyComponents.length ) : _prodInvariant('124', len, dirtyComponents.length) : void 0; // Since reconciling a component higher in the owner hierarchy usually (not // always -- see shouldComponentUpdate()) will reconcile children, reconcile // them before their children by sorting the array. dirtyComponents.sort(mountOrderComparator); // Any updates enqueued while reconciling must be performed after this entire // batch. Otherwise, if dirtyComponents is [A, B] where A has children B and // C, B could update twice in a single batch if C's render enqueues an update // to B (since B would have already updated, we should skip it, and the only // way we can know to do so is by checking the batch counter). updateBatchNumber++; for (var i = 0; i < len; i++) { // If a component is unmounted before pending changes apply, it will still // be here, but we assume that it has cleared its _pendingCallbacks and // that performUpdateIfNecessary is a noop. var component = dirtyComponents[i]; // If performUpdateIfNecessary happens to enqueue any new updates, we // shouldn't execute the callbacks until the next render happens, so // stash the callbacks first var callbacks = component._pendingCallbacks; component._pendingCallbacks = null; var markerName; if (ReactFeatureFlags.logTopLevelRenders) { var namedComponent = component; // Duck type TopLevelWrapper. This is probably always true. if (component._currentElement.type.isReactTopLevelWrapper) { namedComponent = component._renderedComponent; } markerName = 'React update: ' + namedComponent.getName(); console.time(markerName); } ReactReconciler.performUpdateIfNecessary( component, transaction.reconcileTransaction, updateBatchNumber ); if (markerName) { console.timeEnd(markerName); } if (callbacks) { for (var j = 0; j < callbacks.length; j++) { transaction.callbackQueue.enqueue( callbacks[j], component.getPublicInstance() ); } } } } var flushBatchedUpdates = function() { // ReactUpdatesFlushTransaction's wrappers will clear the dirtyComponents // array and perform any updates enqueued by mount-ready handlers (i.e., // componentDidUpdate) but we need to check here too in order to catch // updates enqueued by setState callbacks and asap calls. while (dirtyComponents.length || asapEnqueued) { if (dirtyComponents.length) { var transaction = ReactUpdatesFlushTransaction.getPooled(); transaction.perform(runBatchedUpdates, null, transaction); ReactUpdatesFlushTransaction.release(transaction); } if (asapEnqueued) { asapEnqueued = false; var queue = asapCallbackQueue; asapCallbackQueue = CallbackQueue.getPooled(); queue.notifyAll(); CallbackQueue.release(queue); } } }; /** * Mark a component as needing a rerender, adding an optional callback to a * list of functions which will be executed once the rerender occurs. */ function enqueueUpdate(component) { ensureInjected(); // Various parts of our code (such as ReactCompositeComponent's // _renderValidatedComponent) assume that calls to render aren't nested; // verify that that's the case. (This is called by each top-level update // function, like setState, forceUpdate, etc.; creation and // destruction of top-level components is guarded in ReactMount.) if (!batchingStrategy.isBatchingUpdates) { batchingStrategy.batchedUpdates(enqueueUpdate, component); return; } dirtyComponents.push(component); if (component._updateBatchNumber == null) { component._updateBatchNumber = updateBatchNumber + 1; } } /** * Enqueue a callback to be run at the end of the current batching cycle. Throws * if no updates are currently being performed. */ function asap(callback, context) { !batchingStrategy.isBatchingUpdates ? false ? invariant( false, "ReactUpdates.asap: Can't enqueue an asap callback in a context whereupdates are not being batched." ) : _prodInvariant('125') : void 0; asapCallbackQueue.enqueue(callback, context); asapEnqueued = true; } var ReactUpdatesInjection = { injectReconcileTransaction: function(ReconcileTransaction) { !ReconcileTransaction ? false ? invariant( false, 'ReactUpdates: must provide a reconcile transaction class' ) : _prodInvariant('126') : void 0; ReactUpdates.ReactReconcileTransaction = ReconcileTransaction; }, injectBatchingStrategy: function(_batchingStrategy) { !_batchingStrategy ? false ? invariant( false, 'ReactUpdates: must provide a batching strategy' ) : _prodInvariant('127') : void 0; !(typeof _batchingStrategy.batchedUpdates === 'function') ? false ? invariant( false, 'ReactUpdates: must provide a batchedUpdates() function' ) : _prodInvariant('128') : void 0; !(typeof _batchingStrategy.isBatchingUpdates === 'boolean') ? false ? invariant( false, 'ReactUpdates: must provide an isBatchingUpdates boolean attribute' ) : _prodInvariant('129') : void 0; batchingStrategy = _batchingStrategy; } }; var ReactUpdates = { /** * React references `ReactReconcileTransaction` using this property in order * to allow dependency injection. * * @internal */ ReactReconcileTransaction: null, batchedUpdates: batchedUpdates, enqueueUpdate: enqueueUpdate, flushBatchedUpdates: flushBatchedUpdates, injection: ReactUpdatesInjection, asap: asap }; module.exports = ReactUpdates; /***/ }, /* 32 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _assign = __webpack_require__(9); var PooledClass = __webpack_require__(46); var emptyFunction = __webpack_require__(17); var warning = __webpack_require__(5); var didWarnForAddedNewProperty = false; var isProxySupported = typeof Proxy === 'function'; var shouldBeReleasedProperties = [ 'dispatchConfig', '_targetInst', 'nativeEvent', 'isDefaultPrevented', 'isPropagationStopped', '_dispatchListeners', '_dispatchInstances' ]; /** * @interface Event * @see http://www.w3.org/TR/DOM-Level-3-Events/ */ var EventInterface = { type: null, target: null, // currentTarget is set when dispatching; no use in copying it here currentTarget: emptyFunction.thatReturnsNull, eventPhase: null, bubbles: null, cancelable: null, timeStamp: function(event) { return event.timeStamp || Date.now(); }, defaultPrevented: null, isTrusted: null }; /** * Synthetic events are dispatched by event plugins, typically in response to a * top-level event delegation handler. * * These systems should generally use pooling to reduce the frequency of garbage * collection. The system should check `isPersistent` to determine whether the * event should be released into the pool after being dispatched. Users that * need a persisted event should invoke `persist`. * * Synthetic events (and subclasses) implement the DOM Level 3 Events API by * normalizing browser quirks. Subclasses do not necessarily have to implement a * DOM interface; custom application-specific events can also subclass this. * * @param {object} dispatchConfig Configuration used to dispatch this event. * @param {*} targetInst Marker identifying the event target. * @param {object} nativeEvent Native browser event. * @param {DOMEventTarget} nativeEventTarget Target node. */ function SyntheticEvent( dispatchConfig, targetInst, nativeEvent, nativeEventTarget ) { if (false) { // these have a getter/setter for warnings delete this.nativeEvent; delete this.preventDefault; delete this.stopPropagation; } this.dispatchConfig = dispatchConfig; this._targetInst = targetInst; this.nativeEvent = nativeEvent; var Interface = this.constructor.Interface; for (var propName in Interface) { if (!Interface.hasOwnProperty(propName)) { continue; } if (false) { delete this[propName]; // this has a getter/setter for warnings } var normalize = Interface[propName]; if (normalize) { this[propName] = normalize(nativeEvent); } else { if (propName === 'target') { this.target = nativeEventTarget; } else { this[propName] = nativeEvent[propName]; } } } var defaultPrevented = nativeEvent.defaultPrevented != null ? nativeEvent.defaultPrevented : nativeEvent.returnValue === false; if (defaultPrevented) { this.isDefaultPrevented = emptyFunction.thatReturnsTrue; } else { this.isDefaultPrevented = emptyFunction.thatReturnsFalse; } this.isPropagationStopped = emptyFunction.thatReturnsFalse; return this; } _assign(SyntheticEvent.prototype, { preventDefault: function() { this.defaultPrevented = true; var event = this.nativeEvent; if (!event) { return; } if (event.preventDefault) { event.preventDefault(); } else if (typeof event.returnValue !== 'unknown') { // eslint-disable-line valid-typeof event.returnValue = false; } this.isDefaultPrevented = emptyFunction.thatReturnsTrue; }, stopPropagation: function() { var event = this.nativeEvent; if (!event) { return; } if (event.stopPropagation) { event.stopPropagation(); } else if (typeof event.cancelBubble !== 'unknown') { // eslint-disable-line valid-typeof // The ChangeEventPlugin registers a "propertychange" event for // IE. This event does not support bubbling or cancelling, and // any references to cancelBubble throw "Member not found". A // typeof check of "unknown" circumvents this issue (and is also // IE specific). event.cancelBubble = true; } this.isPropagationStopped = emptyFunction.thatReturnsTrue; }, /** * We release all dispatched `SyntheticEvent`s after each event loop, adding * them back into the pool. This allows a way to hold onto a reference that * won't be added back into the pool. */ persist: function() { this.isPersistent = emptyFunction.thatReturnsTrue; }, /** * Checks if this event should be released back into the pool. * * @return {boolean} True if this should not be released, false otherwise. */ isPersistent: emptyFunction.thatReturnsFalse, /** * `PooledClass` looks for `destructor` on each instance it releases. */ destructor: function() { var Interface = this.constructor.Interface; for (var propName in Interface) { if (false) { Object.defineProperty( this, propName, getPooledWarningPropertyDefinition( propName, Interface[propName] ) ); } else { this[propName] = null; } } for (var i = 0; i < shouldBeReleasedProperties.length; i++) { this[shouldBeReleasedProperties[i]] = null; } if (false) { Object.defineProperty( this, 'nativeEvent', getPooledWarningPropertyDefinition('nativeEvent', null) ); Object.defineProperty( this, 'preventDefault', getPooledWarningPropertyDefinition( 'preventDefault', emptyFunction ) ); Object.defineProperty( this, 'stopPropagation', getPooledWarningPropertyDefinition( 'stopPropagation', emptyFunction ) ); } } }); SyntheticEvent.Interface = EventInterface; if (false) { if (isProxySupported) { /*eslint-disable no-func-assign */ SyntheticEvent = new Proxy(SyntheticEvent, { construct: function(target, args) { return this.apply(target, Object.create(target.prototype), args); }, apply: function(constructor, that, args) { return new Proxy(constructor.apply(that, args), { set: function(target, prop, value) { if ( prop !== 'isPersistent' && !target.constructor.Interface.hasOwnProperty(prop) && shouldBeReleasedProperties.indexOf(prop) === -1 ) { process.env.NODE_ENV !== 'production' ? warning( didWarnForAddedNewProperty || target.isPersistent(), "This synthetic event is reused for performance reasons. If you're " + "seeing this, you're adding a new property in the synthetic event object. " + 'The property is never released. See ' + 'https://fb.me/react-event-pooling for more information.' ) : void 0; didWarnForAddedNewProperty = true; } target[prop] = value; return true; } }); } }); /*eslint-enable no-func-assign */ } } /** * Helper to reduce boilerplate when creating subclasses. * * @param {function} Class * @param {?object} Interface */ SyntheticEvent.augmentClass = function(Class, Interface) { var Super = this; var E = function() {}; E.prototype = Super.prototype; var prototype = new E(); _assign(prototype, Class.prototype); Class.prototype = prototype; Class.prototype.constructor = Class; Class.Interface = _assign({}, Super.Interface, Interface); Class.augmentClass = Super.augmentClass; PooledClass.addPoolingTo(Class, PooledClass.fourArgumentPooler); }; PooledClass.addPoolingTo(SyntheticEvent, PooledClass.fourArgumentPooler); module.exports = SyntheticEvent; /** * Helper to nullify syntheticEvent instance properties when destructing * * @param {object} SyntheticEvent * @param {String} propName * @return {object} defineProperty object */ function getPooledWarningPropertyDefinition(propName, getVal) { var isFunction = typeof getVal === 'function'; return { configurable: true, set: set, get: get }; function set(val) { var action = isFunction ? 'setting the method' : 'setting the property'; warn(action, 'This is effectively a no-op'); return val; } function get() { var action = isFunction ? 'accessing the method' : 'accessing the property'; var result = isFunction ? 'This is a no-op function' : 'This is set to null'; warn(action, result); return getVal; } function warn(action, result) { var warningCondition = false; false ? warning( warningCondition, "This synthetic event is reused for performance reasons. If you're seeing this, " + "you're %s `%s` on a released/nullified synthetic event. %s. " + 'If you must keep the original synthetic event around, use event.persist(). ' + 'See https://fb.me/react-event-pooling for more information.', action, propName, result ) : void 0; } } /***/ }, /* 33 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ /** * Keeps track of the current owner. * * The current owner is the component who should own any components that are * currently being constructed. */ var ReactCurrentOwner = { /** * @internal * @type {ReactComponent} */ current: null }; module.exports = ReactCurrentOwner; /***/ }, /* 34 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /** * Checks if `value` is the * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types) * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`) * * @static * @memberOf _ * @since 0.1.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is an object, else `false`. * @example * * _.isObject({}); * // => true * * _.isObject([1, 2, 3]); * // => true * * _.isObject(_.noop); * // => true * * _.isObject(null); * // => false */ function isObject(value) { var type = typeof value; return value != null && (type == 'object' || type == 'function'); } /* harmony default export */ __webpack_exports__['a'] = isObject; /***/ }, /* 35 */ /***/ function(module, exports) { /** * Checks if `value` is object-like. A value is object-like if it's not `null` * and has a `typeof` result of "object". * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is object-like, else `false`. * @example * * _.isObjectLike({}); * // => true * * _.isObjectLike([1, 2, 3]); * // => true * * _.isObjectLike(_.noop); * // => false * * _.isObjectLike(null); * // => false */ function isObjectLike(value) { return value != null && typeof value == 'object'; } module.exports = isObjectLike; /***/ }, /* 36 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _Markdown = __webpack_require__(824); Object.defineProperty(exports, 'default', { enumerable: true, get: function get() { return _interopRequireDefault(_Markdown).default; } }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /***/ }, /* 37 */ /***/ 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; } })(); /***/ }, /* 38 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var emptyFunction = __webpack_require__(112); /** * 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 = emptyFunction; if (false) { (function() { var printWarning = function printWarning(format) { for ( var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { args[_key - 1] = arguments[_key]; } var argIndex = 0; var message = 'Warning: ' + format.replace(/%s/g, function() { return args[argIndex++]; }); if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // 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) {} }; warning = function warning(condition, format) { if (format === undefined) { throw new Error( '`warning(condition, format, ...args)` requires a warning ' + 'message argument' ); } if (format.indexOf('Failed Composite propType: ') === 0) { return; // Ignore CompositeComponent proptype check. } if (!condition) { for ( var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++ ) { args[_key2 - 2] = arguments[_key2]; } printWarning.apply(undefined, [format].concat(args)); } }; })(); } module.exports = warning; /***/ }, /* 39 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var emptyFunction = __webpack_require__(117); /** * 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 = emptyFunction; if (false) { (function() { var printWarning = function printWarning(format) { for ( var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { args[_key - 1] = arguments[_key]; } var argIndex = 0; var message = 'Warning: ' + format.replace(/%s/g, function() { return args[argIndex++]; }); if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // 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) {} }; warning = function warning(condition, format) { if (format === undefined) { throw new Error( '`warning(condition, format, ...args)` requires a warning ' + 'message argument' ); } if (format.indexOf('Failed Composite propType: ') === 0) { return; // Ignore CompositeComponent proptype check. } if (!condition) { for ( var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++ ) { args[_key2 - 2] = arguments[_key2]; } printWarning.apply(undefined, [format].concat(args)); } }; })(); } module.exports = warning; /***/ }, /* 40 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; var Lengths = { paddingLeft: 18, nodeWidth: 180 }; var Sizes = { buttonSize: { width: 40, height: 48 }, contentSize: { width: Lengths.nodeWidth, height: 101 // This is the height w/o info comp }, nodeSize: { width: Lengths.nodeWidth, height: 156 }, nodeSizeWithChildren: { width: Lengths.nodeWidth, height: 276 } }; var Points = { buttonPosition: { x: Lengths.nodeWidth - Sizes.buttonSize.width, y: 0 }, contentPosition: { x: 0, y: Sizes.buttonSize.height }, infoPosition: { x: Lengths.paddingLeft, y: 11 }, metricsPosition: { x: Lengths.paddingLeft, y: 41 }, subtitlePosition: { x: Lengths.paddingLeft, y: 23 } }; var Rects = { // X, y, width, height buttonRect: Object.assign({}, Sizes.buttonSize, Points.buttonPosition), contentRect: Object.assign( {}, Sizes.contentSize, Points.contentPosition ), // Top, bottom, left, right - from 'centre' nodeRect: { left: -Sizes.nodeSize.width / 2, right: Sizes.nodeSize.width / 2, top: -Sizes.nodeSize.height / 2, bottom: Sizes.nodeSize.height / 2 }, nodeRectWithChildren: { left: -Sizes.nodeSizeWithChildren.width / 2, right: Sizes.nodeSizeWithChildren.width / 2, top: -Sizes.nodeSizeWithChildren.height / 2 + Sizes.contentSize.height / 3, bottom: Sizes.nodeSizeWithChildren.height / 2 + Sizes.contentSize.height / 3 } }; var Constants = Object.assign({}, Lengths, Sizes, Points, Rects); /* harmony default export */ __webpack_exports__['a'] = Constants; /***/ }, /* 41 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__baseIsNative_js__ = __webpack_require__( 512 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getValue_js__ = __webpack_require__( 543 ); /** * Gets the native function at `key` of `object`. * * @private * @param {Object} object The object to query. * @param {string} key The key of the method to get. * @returns {*} Returns the function if it's native, else `undefined`. */ function getNative(object, key) { var value = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1__getValue_js__['a' /* default */] )(object, key); return __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__baseIsNative_js__['a' /* default */] )(value) ? value : undefined; } /* harmony default export */ __webpack_exports__['a'] = getNative; /***/ }, /* 42 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /** * Checks if `value` is object-like. A value is object-like if it's not `null` * and has a `typeof` result of "object". * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is object-like, else `false`. * @example * * _.isObjectLike({}); * // => true * * _.isObjectLike([1, 2, 3]); * // => true * * _.isObjectLike(_.noop); * // => false * * _.isObjectLike(null); * // => false */ function isObjectLike(value) { return value != null && typeof value == 'object'; } /* harmony default export */ __webpack_exports__['a'] = isObjectLike; /***/ }, /* 43 */ /***/ function(module, exports, __webpack_require__) { var Symbol = __webpack_require__(97), getRawTag = __webpack_require__(641), objectToString = __webpack_require__(670); /** `Object#toString` result references. */ var nullTag = '[object Null]', undefinedTag = '[object Undefined]'; /** Built-in value references. */ var symToStringTag = Symbol ? Symbol.toStringTag : undefined; /** * The base implementation of `getTag` without fallbacks for buggy environments. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ function baseGetTag(value) { if (value == null) { return value === undefined ? undefinedTag : nullTag; } return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value); } module.exports = baseGetTag; /***/ }, /* 44 */ /***/ function(module, exports, __webpack_require__) { var baseIsNative = __webpack_require__(611), getValue = __webpack_require__(644); /** * Gets the native function at `key` of `object`. * * @private * @param {Object} object The object to query. * @param {string} key The key of the method to get. * @returns {*} Returns the function if it's native, else `undefined`. */ function getNative(object, key) { var value = getValue(object, key); return baseIsNative(value) ? value : undefined; } module.exports = getNative; /***/ }, /* 45 */ /***/ function(module, exports) { // shim for using process in browser var process = (module.exports = {}); // cached from whatever global is present so that test runners that stub it // don't break things. But we need to wrap it in a try catch in case it is // wrapped in strict mode code which doesn't define any globals. It's inside a // function because try/catches deoptimize in certain engines. var cachedSetTimeout; var cachedClearTimeout; function defaultSetTimout() { throw new Error('setTimeout has not been defined'); } function defaultClearTimeout() { throw new Error('clearTimeout has not been defined'); } (function() { try { if (typeof setTimeout === 'function') { cachedSetTimeout = setTimeout; } else { cachedSetTimeout = defaultSetTimout; } } catch (e) { cachedSetTimeout = defaultSetTimout; } try { if (typeof clearTimeout === 'function') { cachedClearTimeout = clearTimeout; } else { cachedClearTimeout = defaultClearTimeout; } } catch (e) { cachedClearTimeout = defaultClearTimeout; } })(); function runTimeout(fun) { if (cachedSetTimeout === setTimeout) { //normal enviroments in sane situations return setTimeout(fun, 0); } // if setTimeout wasn't available but was latter defined if ( (cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout ) { cachedSetTimeout = setTimeout; return setTimeout(fun, 0); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedSetTimeout(fun, 0); } catch (e) { try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedSetTimeout.call(null, fun, 0); } catch (e) { // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error return cachedSetTimeout.call(this, fun, 0); } } } function runClearTimeout(marker) { if (cachedClearTimeout === clearTimeout) { //normal enviroments in sane situations return clearTimeout(marker); } // if clearTimeout wasn't available but was latter defined if ( (cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout ) { cachedClearTimeout = clearTimeout; return clearTimeout(marker); } try { // when when somebody has screwed with setTimeout but no I.E. maddness return cachedClearTimeout(marker); } catch (e) { try { // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally return cachedClearTimeout.call(null, marker); } catch (e) { // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error. // Some versions of I.E. have different rules for clearTimeout vs setTimeout return cachedClearTimeout.call(this, marker); } } } var queue = []; var draining = false; var currentQueue; var queueIndex = -1; function cleanUpNextTick() { if (!draining || !currentQueue) { return; } draining = false; if (currentQueue.length) { queue = currentQueue.concat(queue); } else { queueIndex = -1; } if (queue.length) { drainQueue(); } } function drainQueue() { if (draining) { return; } var timeout = runTimeout(cleanUpNextTick); draining = true; var len = queue.length; while (len) { currentQueue = queue; queue = []; while (++queueIndex < len) { if (currentQueue) { currentQueue[queueIndex].run(); } } queueIndex = -1; len = queue.length; } currentQueue = null; draining = false; runClearTimeout(timeout); } process.nextTick = function(fun) { var args = new Array(arguments.length - 1); if (arguments.length > 1) { for (var i = 1; i < arguments.length; i++) { args[i - 1] = arguments[i]; } } queue.push(new Item(fun, args)); if (queue.length === 1 && !draining) { runTimeout(drainQueue); } }; // v8 likes predictible objects function Item(fun, array) { this.fun = fun; this.array = array; } Item.prototype.run = function() { this.fun.apply(null, this.array); }; process.title = 'browser'; process.browser = true; process.env = {}; process.argv = []; process.version = ''; // empty string to avoid regexp issues process.versions = {}; function noop() {} process.on = noop; process.addListener = noop; process.once = noop; process.off = noop; process.removeListener = noop; process.removeAllListeners = noop; process.emit = noop; process.prependListener = noop; process.prependOnceListener = noop; process.listeners = function(name) { return []; }; process.binding = function(name) { throw new Error('process.binding is not supported'); }; process.cwd = function() { return '/'; }; process.chdir = function(dir) { throw new Error('process.chdir is not supported'); }; process.umask = function() { return 0; }; /***/ }, /* 46 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ var _prodInvariant = __webpack_require__(7); var invariant = __webpack_require__(2); /** * Static poolers. Several custom versions for each potential number of * arguments. A completely generic pooler is easy to implement, but would * require accessing the `arguments` object. In each of these, `this` refers to * the Class itself, not an instance. If any others are needed, simply add them * here, or in their own files. */ var oneArgumentPooler = function(copyFieldsFrom) { var Klass = this; if (Klass.instancePool.length) { var instance = Klass.instancePool.pop(); Klass.call(instance, copyFieldsFrom); return instance; } else { return new Klass(copyFieldsFrom); } }; var twoArgumentPooler = function(a1, a2) { var Klass = this; if (Klass.instancePool.length) { var instance = Klass.instancePool.pop(); Klass.call(instance, a1, a2); return instance; } else { return new Klass(a1, a2); } }; var threeArgumentPooler = function(a1, a2, a3) { var Klass = this; if (Klass.instancePool.length) { var instance = Klass.instancePool.pop(); Klass.call(instance, a1, a2, a3); return instance; } else { return new Klass(a1, a2, a3); } }; var fourArgumentPooler = function(a1, a2, a3, a4) { var Klass = this; if (Klass.instancePool.length) { var instance = Klass.instancePool.pop(); Klass.call(instance, a1, a2, a3, a4); return instance; } else { return new Klass(a1, a2, a3, a4); } }; var standardReleaser = function(instance) { var Klass = this; !(instance instanceof Klass) ? false ? invariant( false, 'Trying to release an instance into a pool of a different type.' ) : _prodInvariant('25') : void 0; instance.destructor(); if (Klass.instancePool.length < Klass.poolSize) { Klass.instancePool.push(instance); } }; var DEFAULT_POOL_SIZE = 10; var DEFAULT_POOLER = oneArgumentPooler; /** * Augments `CopyConstructor` to be a poolable class, augmenting only the class * itself (statically) not adding any prototypical fields. Any CopyConstructor * you give this may have a `poolSize` property, and will look for a * prototypical `destructor` on instances. * * @param {Function} CopyConstructor Constructor that can be used to reset. * @param {Function} pooler Customizable pooler. */ var addPoolingTo = function(CopyConstructor, pooler) { // Casting as any so that flow ignores the actual implementation and trusts // it to match the type we declared var NewKlass = CopyConstructor; NewKlass.instancePool = []; NewKlass.getPooled = pooler || DEFAULT_POOLER; if (!NewKlass.poolSize) { NewKlass.poolSize = DEFAULT_POOL_SIZE; } NewKlass.release = standardReleaser; return NewKlass; }; var PooledClass = { addPoolingTo: addPoolingTo, oneArgumentPooler: oneArgumentPooler, twoArgumentPooler: twoArgumentPooler, threeArgumentPooler: threeArgumentPooler, fourArgumentPooler: fourArgumentPooler }; module.exports = PooledClass; /***/ }, /* 47 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ /** * 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 validateFormat = function validateFormat(format) {}; if (false) { validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } }; } function invariant(condition, format, a, b, c, d, e, f) { validateFormat(format); 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; /***/ }, /* 48 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2014-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. * */ var _assign = __webpack_require__(79); var ReactCurrentOwner = __webpack_require__(195); var warning = __webpack_require__(38); var canDefineProperty = __webpack_require__(197); var hasOwnProperty = Object.prototype.hasOwnProperty; var REACT_ELEMENT_TYPE = __webpack_require__(196); var RESERVED_PROPS = { key: true, ref: true, __self: true, __source: true }; var specialPropKeyWarningShown, specialPropRefWarningShown; function hasValidRef(config) { if (false) { if (hasOwnProperty.call(config, 'ref')) { var getter = Object.getOwnPropertyDescriptor(config, 'ref').get; if (getter && getter.isReactWarning) { return false; } } } return config.ref !== undefined; } function hasValidKey(config) { if (false) { if (hasOwnProperty.call(config, 'key')) { var getter = Object.getOwnPropertyDescriptor(config, 'key').get; if (getter && getter.isReactWarning) { return false; } } } return config.key !== undefined; } function defineKeyPropWarningGetter(props, displayName) { var warnAboutAccessingKey = function() { if (!specialPropKeyWarningShown) { specialPropKeyWarningShown = true; false ? warning( false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName ) : void 0; } }; warnAboutAccessingKey.isReactWarning = true; Object.defineProperty(props, 'key', { get: warnAboutAccessingKey, configurable: true }); } function defineRefPropWarningGetter(props, displayName) { var warnAboutAccessingRef = function() { if (!specialPropRefWarningShown) { specialPropRefWarningShown = true; false ? warning( false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName ) : void 0; } }; warnAboutAccessingRef.isReactWarning = true; Object.defineProperty(props, 'ref', { get: warnAboutAccessingRef, configurable: true }); } /** * Factory method to create a new React element. This no longer adheres to * the class pattern, so do not use new to call it. Also, no instanceof check * will work. Instead test $$typeof field against Symbol.for('react.element') to check * if something is a React Element. * * @param {*} type * @param {*} key * @param {string|object} ref * @param {*} self A *temporary* helper to detect places where `this` is * different from the `owner` when React.createElement is called, so that we * can warn. We want to get rid of owner and replace string `ref`s with arrow * functions, and as long as `this` and owner are the same, there will be no * change in behavior. * @param {*} source An annotation object (added by a transpiler or otherwise) * indicating filename, line number, and/or other information. * @param {*} owner * @param {*} props * @internal */ var ReactElement = function(type, key, ref, self, source, owner, props) { var element = { // This tag allow us to uniquely identify this as a React Element $$typeof: REACT_ELEMENT_TYPE, // Built-in properties that belong on the element type: type, key: key, ref: ref, props: props, // Record the component responsible for creating this element. _owner: owner }; if (false) { // The validation flag is currently mutative. We put it on // an external backing store so that we can freeze the whole object. // This can be replaced with a WeakMap once they are implemented in // commonly used development environments. element._store = {}; // To make comparing ReactElements easier for testing purposes, we make // the validation flag non-enumerable (where possible, which should // include every environment we run tests in), so the test framework // ignores it. if (canDefineProperty) { Object.defineProperty(element._store, 'validated', { configurable: false, enumerable: false, writable: true, value: false }); // self and source are DEV only properties. Object.defineProperty(element, '_self', { configurable: false, enumerable: false, writable: false, value: self }); // Two elements created in two different places should be considered // equal for testing purposes and therefore we hide it from enumeration. Object.defineProperty(element, '_source', { configurable: false, enumerable: false, writable: false, value: source }); } else { element._store.validated = false; element._self = self; element._source = source; } if (Object.freeze) { Object.freeze(element.props); Object.freeze(element); } } return element; }; /** * Create and return a new ReactElement of the given type. * See https://facebook.github.io/react/docs/top-level-api.html#react.createelement */ ReactElement.createElement = function(type, config, children) { var propName; // Reserved names are extracted var props = {}; var key = null; var ref = null; var self = null; var source = null; if (config != null) { if (hasValidRef(config)) { ref = config.ref; } if (hasValidKey(config)) { key = '' + config.key; } self = config.__self === undefined ? null : config.__self; source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object for (propName in config) { if ( hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) ) { props[propName] = config[propName]; } } } // Children can be more than one argument, and those are transferred onto // the newly allocated props object. var childrenLength = arguments.length - 2; if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 2]; } if (false) { if (Object.freeze) { Object.freeze(childArray); } } props.children = childArray; } // Resolve default props if (type && type.defaultProps) { var defaultProps = type.defaultProps; for (propName in defaultProps) { if (props[propName] === undefined) { props[propName] = defaultProps[propName]; } } } if (false) { if (key || ref) { if ( typeof props.$$typeof === 'undefined' || props.$$typeof !== REACT_ELEMENT_TYPE ) { var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type; if (key) { defineKeyPropWarningGetter(props, displayName); } if (ref) { defineRefPropWarningGetter(props, displayName); } } } } return ReactElement( type, key, ref, self, source, ReactCurrentOwner.current, props ); }; /** * Return a function that produces ReactElements of a given type. * See https://facebook.github.io/react/docs/top-level-api.html#react.createfactory */ ReactElement.createFactory = function(type) { var factory = ReactElement.createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be // easily accessed on elements. E.g. `.type === Foo`. // This should not be named `constructor` since this may not be the function // that created the element, and it may not even be a constructor. // Legacy hook TODO: Warn if this is accessed factory.type = type; return factory; }; ReactElement.cloneAndReplaceKey = function(oldElement, newKey) { var newElement = ReactElement( oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props ); return newElement; }; /** * Clone and return a new ReactElement using element as the starting point. * See https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement */ ReactElement.cloneElement = function(element, config, children) { var propName; // Original props are copied var props = _assign({}, element.props); // Reserved names are extracted var key = element.key; var ref = element.ref; // Self is preserved since the owner is preserved. var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a // transpiler, and the original source is probably a better indicator of the // true owner. var source = element._source; // Owner will be preserved, unless ref is overridden var owner = element._owner; if (config != null) { if (hasValidRef(config)) { // Silently steal the ref from the parent. ref = config.ref; owner = ReactCurrentOwner.current; } if (hasValidKey(config)) { key = '' + config.key; } // Remaining properties override existing props var defaultProps; if (element.type && element.type.defaultProps) { defaultProps = element.type.defaultProps; } for (propName in config) { if ( hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) ) { if ( config[propName] === undefined && defaultProps !== undefined ) { // Resolve default props props[propName] = defaultProps[propName]; } else { props[propName] = config[propName]; } } } } // Children can be more than one argument, and those are transferred onto // the newly allocated props object. var childrenLength = arguments.length - 2; if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 2]; } props.children = childArray; } return ReactElement(element.type, key, ref, self, source, owner, props); }; /** * Verifies the object is a ReactElement. * See https://facebook.github.io/react/docs/top-level-api.html#react.isvalidelement * @param {?object} object * @return {boolean} True if `object` is a valid component. * @final */ ReactElement.isValidElement = function(object) { return ( typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE ); }; module.exports = ReactElement; /***/ }, /* 49 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ /** * 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 validateFormat = function validateFormat(format) {}; if (false) { validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } }; } function invariant(condition, format, a, b, c, d, e, f) { validateFormat(format); 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; /***/ }, /* 50 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2014-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. * */ var _assign = __webpack_require__(80); var ReactCurrentOwner = __webpack_require__(199); var warning = __webpack_require__(39); var canDefineProperty = __webpack_require__(201); var hasOwnProperty = Object.prototype.hasOwnProperty; var REACT_ELEMENT_TYPE = __webpack_require__(200); var RESERVED_PROPS = { key: true, ref: true, __self: true, __source: true }; var specialPropKeyWarningShown, specialPropRefWarningShown; function hasValidRef(config) { if (false) { if (hasOwnProperty.call(config, 'ref')) { var getter = Object.getOwnPropertyDescriptor(config, 'ref').get; if (getter && getter.isReactWarning) { return false; } } } return config.ref !== undefined; } function hasValidKey(config) { if (false) { if (hasOwnProperty.call(config, 'key')) { var getter = Object.getOwnPropertyDescriptor(config, 'key').get; if (getter && getter.isReactWarning) { return false; } } } return config.key !== undefined; } function defineKeyPropWarningGetter(props, displayName) { var warnAboutAccessingKey = function() { if (!specialPropKeyWarningShown) { specialPropKeyWarningShown = true; false ? warning( false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName ) : void 0; } }; warnAboutAccessingKey.isReactWarning = true; Object.defineProperty(props, 'key', { get: warnAboutAccessingKey, configurable: true }); } function defineRefPropWarningGetter(props, displayName) { var warnAboutAccessingRef = function() { if (!specialPropRefWarningShown) { specialPropRefWarningShown = true; false ? warning( false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName ) : void 0; } }; warnAboutAccessingRef.isReactWarning = true; Object.defineProperty(props, 'ref', { get: warnAboutAccessingRef, configurable: true }); } /** * Factory method to create a new React element. This no longer adheres to * the class pattern, so do not use new to call it. Also, no instanceof check * will work. Instead test $$typeof field against Symbol.for('react.element') to check * if something is a React Element. * * @param {*} type * @param {*} key * @param {string|object} ref * @param {*} self A *temporary* helper to detect places where `this` is * different from the `owner` when React.createElement is called, so that we * can warn. We want to get rid of owner and replace string `ref`s with arrow * functions, and as long as `this` and owner are the same, there will be no * change in behavior. * @param {*} source An annotation object (added by a transpiler or otherwise) * indicating filename, line number, and/or other information. * @param {*} owner * @param {*} props * @internal */ var ReactElement = function(type, key, ref, self, source, owner, props) { var element = { // This tag allow us to uniquely identify this as a React Element $$typeof: REACT_ELEMENT_TYPE, // Built-in properties that belong on the element type: type, key: key, ref: ref, props: props, // Record the component responsible for creating this element. _owner: owner }; if (false) { // The validation flag is currently mutative. We put it on // an external backing store so that we can freeze the whole object. // This can be replaced with a WeakMap once they are implemented in // commonly used development environments. element._store = {}; // To make comparing ReactElements easier for testing purposes, we make // the validation flag non-enumerable (where possible, which should // include every environment we run tests in), so the test framework // ignores it. if (canDefineProperty) { Object.defineProperty(element._store, 'validated', { configurable: false, enumerable: false, writable: true, value: false }); // self and source are DEV only properties. Object.defineProperty(element, '_self', { configurable: false, enumerable: false, writable: false, value: self }); // Two elements created in two different places should be considered // equal for testing purposes and therefore we hide it from enumeration. Object.defineProperty(element, '_source', { configurable: false, enumerable: false, writable: false, value: source }); } else { element._store.validated = false; element._self = self; element._source = source; } if (Object.freeze) { Object.freeze(element.props); Object.freeze(element); } } return element; }; /** * Create and return a new ReactElement of the given type. * See https://facebook.github.io/react/docs/top-level-api.html#react.createelement */ ReactElement.createElement = function(type, config, children) { var propName; // Reserved names are extracted var props = {}; var key = null; var ref = null; var self = null; var source = null; if (config != null) { if (hasValidRef(config)) { ref = config.ref; } if (hasValidKey(config)) { key = '' + config.key; } self = config.__self === undefined ? null : config.__self; source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object for (propName in config) { if ( hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) ) { props[propName] = config[propName]; } } } // Children can be more than one argument, and those are transferred onto // the newly allocated props object. var childrenLength = arguments.length - 2; if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 2]; } if (false) { if (Object.freeze) { Object.freeze(childArray); } } props.children = childArray; } // Resolve default props if (type && type.defaultProps) { var defaultProps = type.defaultProps; for (propName in defaultProps) { if (props[propName] === undefined) { props[propName] = defaultProps[propName]; } } } if (false) { if (key || ref) { if ( typeof props.$$typeof === 'undefined' || props.$$typeof !== REACT_ELEMENT_TYPE ) { var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type; if (key) { defineKeyPropWarningGetter(props, displayName); } if (ref) { defineRefPropWarningGetter(props, displayName); } } } } return ReactElement( type, key, ref, self, source, ReactCurrentOwner.current, props ); }; /** * Return a function that produces ReactElements of a given type. * See https://facebook.github.io/react/docs/top-level-api.html#react.createfactory */ ReactElement.createFactory = function(type) { var factory = ReactElement.createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be // easily accessed on elements. E.g. `.type === Foo`. // This should not be named `constructor` since this may not be the function // that created the element, and it may not even be a constructor. // Legacy hook TODO: Warn if this is accessed factory.type = type; return factory; }; ReactElement.cloneAndReplaceKey = function(oldElement, newKey) { var newElement = ReactElement( oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props ); return newElement; }; /** * Clone and return a new ReactElement using element as the starting point. * See https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement */ ReactElement.cloneElement = function(element, config, children) { var propName; // Original props are copied var props = _assign({}, element.props); // Reserved names are extracted var key = element.key; var ref = element.ref; // Self is preserved since the owner is preserved. var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a // transpiler, and the original source is probably a better indicator of the // true owner. var source = element._source; // Owner will be preserved, unless ref is overridden var owner = element._owner; if (config != null) { if (hasValidRef(config)) { // Silently steal the ref from the parent. ref = config.ref; owner = ReactCurrentOwner.current; } if (hasValidKey(config)) { key = '' + config.key; } // Remaining properties override existing props var defaultProps; if (element.type && element.type.defaultProps) { defaultProps = element.type.defaultProps; } for (propName in config) { if ( hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) ) { if ( config[propName] === undefined && defaultProps !== undefined ) { // Resolve default props props[propName] = defaultProps[propName]; } else { props[propName] = config[propName]; } } } } // Children can be more than one argument, and those are transferred onto // the newly allocated props object. var childrenLength = arguments.length - 2; if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 2]; } props.children = childArray; } return ReactElement(element.type, key, ref, self, source, owner, props); }; /** * Verifies the object is a ReactElement. * See https://facebook.github.io/react/docs/top-level-api.html#react.isvalidelement * @param {?object} object * @return {boolean} True if `object` is a valid component. * @final */ ReactElement.isValidElement = function(object) { return ( typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE ); }; module.exports = ReactElement; /***/ }, /* 51 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'c', function() { return borderRadius; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'a', function() { return bottomShaddow; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'e', function() { return bottomShaddowDarker; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'd', function() { return insetShaddow; } ); /* unused harmony export tooltipShadow */ /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return border; } ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_remcalc__ = __webpack_require__( 8 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_remcalc___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_1_remcalc__ ); var borderRadius = __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(4); var bottomShaddow = '0 ' + __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(2) + ' 0 0 rgba(0, 0, 0, 0.05)'; var bottomShaddowDarker = '0 ' + __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(2) + ' 0 0 rgba(0, 0, 0, 0.1)'; var insetShaddow = 'inset 0 ' + __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(3) + ' 0 0 rgba(0, 0, 0, 0.05)'; var tooltipShadow = '0 ' + __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(2) + ' ' + __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(6) + ' ' + __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1) + ' rgba(0, 0, 0, 0.1)'; var border = { checked: __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )( ['', ' solid ', ''], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1), function(props) { return props.theme.primary; } ), unchecked: __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )( ['', ' solid ', ''], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1), function(props) { return props.theme.grey; } ), confirmed: __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )( ['', ' solid ', ''], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1), function(props) { return props.theme.grey; } ), error: __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0_styled_components__['b' /* css */] )( ['', ' solid ', ''], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1), function(props) { return props.theme.red; } ) }; /***/ }, /* 52 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return Stylable; } ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_react__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__typography__ = __webpack_require__( 13 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__boxes__ = __webpack_require__( 51 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_broadcast__ = __webpack_require__( 14 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react_broadcast___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_3_react_broadcast__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_remcalc__ = __webpack_require__( 8 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_remcalc___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_5_remcalc__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__( 1 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_6_prop_types__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_styled_is__ = __webpack_require__( 12 ); var _templateObject = _taggedTemplateLiteral( ['\n border-color: ', '\n '], ['\n border-color: ', '\n '] ), _templateObject2 = _taggedTemplateLiteral( ['\n ', '\n '], ['\n ', '\n '] ); function _taggedTemplateLiteral(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); } var colorWithDisabled = function colorWithDisabled(props) { return props.disabled ? props.theme.disabled : props.theme.text; }; var colorWithDefaultValue = function colorWithDefaultValue(props) { return props.value === props.defaultValue ? props.theme.disabled : colorWithDisabled(props); }; var color = function color(props) { return props.defaultValue ? colorWithDefaultValue(props) : colorWithDisabled(props); }; var height = function height(props) { return props.multiple ? 'auto' : __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(48); }; var paddingTop = function paddingTop(props) { return props.multiple ? __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(20) : __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(13); }; var style = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_4_styled_components__['b' /* css */] )( [ 'box-sizing: border-box;width: 100%;height: ', ';margin-bottom: ', ';margin-top: ', ';padding: ', ' ', ';border-radius: ', ';background-color: ', ';box-shadow: ', ';border: ', ';', ';', ';', ';font-size: ', ';line-height: normal !important;', ';font-style: normal;font-stretch: normal;color: ', ';appearance: none;outline: 0;&:focus {border-color: ', ';outline: 0;}' ], height, __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(8), __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(8), paddingTop, __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(18), __WEBPACK_IMPORTED_MODULE_2__boxes__['c' /* borderRadius */], function(props) { return props.theme.white; }, __WEBPACK_IMPORTED_MODULE_2__boxes__['d' /* insetShaddow */], __WEBPACK_IMPORTED_MODULE_2__boxes__['b' /* border */].unchecked, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_7_styled_is__['a' /* default */] )('error')(_templateObject, function(props) { return props.theme.red; }), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_7_styled_is__['a' /* default */] )('warning')(_templateObject, function(props) { return props.theme.orange; }), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_7_styled_is__['a' /* default */] )('success')(_templateObject, function(props) { return props.theme.green; }), __WEBPACK_IMPORTED_MODULE_5_remcalc___default()(15), __WEBPACK_IMPORTED_MODULE_1__typography__['a' /* default */].normal, color, function(props) { return props.theme.primary; } ); var BaseInput = function BaseInput(Component) { return function(props) { var render = function render(value) { var _value = value || {}; var _value$input = _value.input, input = _value$input === undefined ? {} : _value$input, _value$meta = _value.meta, meta = _value$meta === undefined ? {} : _value$meta, _value$id = _value.id, id = _value$id === undefined ? '' : _value$id; var hasError = Boolean(props.error || _value.error || meta.error); var hasWarning = Boolean( props.warning || _value.warning || meta.warning ); var hasSuccess = Boolean( props.success || _value.success || meta.success ); return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( Component, Object.assign({}, props, input, { id: id, error: hasError, warning: hasWarning, success: hasSuccess }) ); }; return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( __WEBPACK_IMPORTED_MODULE_3_react_broadcast__['Subscriber'], { channel: 'input-group' }, render ); }; }; BaseInput.propTypes = { error: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool, warning: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool }; /* harmony default export */ __webpack_exports__['a'] = BaseInput; var Stylable = function Stylable(Component) { var stylable = typeof Component === 'string' ? __WEBPACK_IMPORTED_MODULE_4_styled_components__['a' /* default */][ Component ] : __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_4_styled_components__['a' /* default */] )(Component); return stylable(_templateObject2, style); }; /***/ }, /* 53 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'd', function() { return GraphLine; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'b', function() { return GraphNodeRect; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'a', function() { return GraphShadowRect; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'f', function() { return GraphTitle; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'h', function() { return GraphSubtitle; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'i', function() { return GraphText; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'e', function() { return GraphButtonRect; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'c', function() { return GraphButtonCircle; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'g', function() { return GraphHealthyCircle; } ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_styled_is__ = __webpack_require__( 12 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__typography__ = __webpack_require__( 13 ); var _templateObject = _taggedTemplateLiteral( ['\n stroke: ', ';\n '], ['\n stroke: ', ';\n '] ), _templateObject2 = _taggedTemplateLiteral( ['\n stroke: ', ';\n fill: ', ';\n '], ['\n stroke: ', ';\n fill: ', ';\n '] ), _templateObject3 = _taggedTemplateLiteral( ['\n fill: ', ';\n '], ['\n fill: ', ';\n '] ); function _taggedTemplateLiteral(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); } var GraphLine = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].line.withConfig({ displayName: 'shapes__GraphLine' })( ['stroke: ', ';stroke-width: 1.5;', ';'], function(props) { return props.theme.grey; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')(_templateObject, function(props) { return props.theme.secondaryActive; }) ); var GraphNodeRect = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].rect.withConfig({ displayName: 'shapes__GraphNodeRect' })( ['stroke: ', ';fill: ', ';stroke-width: 1.5;rx: 4;ry: 4;', ';'], function(props) { return props.theme.grey; }, function(props) { return props.theme.white; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')( _templateObject2, function(props) { return props.theme.secondaryActive; }, function(props) { return props.theme.secondary; } ) ); var GraphShadowRect = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].rect.withConfig({ displayName: 'shapes__GraphShadowRect' })( ['fill: ', ';opacity: 0.33;rx: 4;ry: 4;', ';'], function(props) { return props.theme.grey; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')(_templateObject3, function(props) { return props.theme.secondary; }) ); var GraphTitle = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].text.withConfig({ displayName: 'shapes__GraphTitle' })( ['', ';', ';fill: ', ';font-size: 16px;font-weight: 600;', ';'], __WEBPACK_IMPORTED_MODULE_2__typography__['a' /* default */].fontFamily, __WEBPACK_IMPORTED_MODULE_2__typography__['a' /* default */].normal, function(props) { return props.theme.secondary; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')(_templateObject3, function(props) { return props.theme.white; }) ); var GraphSubtitle = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].text.withConfig({ displayName: 'shapes__GraphSubtitle' })( ['', ';', ';fill: ', ';font-size: 12px;font-weight: 600;', ';'], __WEBPACK_IMPORTED_MODULE_2__typography__['a' /* default */].fontFamily, __WEBPACK_IMPORTED_MODULE_2__typography__['a' /* default */].normal, function(props) { return props.theme.secondary; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')(_templateObject3, function(props) { return props.theme.white; }) ); var GraphText = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].text.withConfig({ displayName: 'shapes__GraphText' })( ['', ';', ';fill: ', ';font-size: 12px;opacity: 0.8;', ';'], __WEBPACK_IMPORTED_MODULE_2__typography__['a' /* default */].fontFamily, __WEBPACK_IMPORTED_MODULE_2__typography__['a' /* default */].normal, function(props) { return props.theme.secondary; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')(_templateObject3, function(props) { return props.theme.white; }) ); var GraphButtonRect = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].rect.withConfig({ displayName: 'shapes__GraphButtonRect' })(['opacity: 0;cursor: pointer;']); var GraphButtonCircle = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].circle.withConfig({ displayName: 'shapes__GraphButtonCircle' })( ['fill: ', ';', ';'], function(props) { return props.theme.secondary; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('connected')(_templateObject3, function(props) { return props.theme.white; }) ); var GraphHealthyCircle = __WEBPACK_IMPORTED_MODULE_0_styled_components__[ 'a' /* default */ ].circle.withConfig({ displayName: 'shapes__GraphHealthyCircle' })(['fill: ', ';'], function(props) { return props.theme.green; }); /***/ }, /* 54 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Symbol_js__ = __webpack_require__( 87 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getRawTag_js__ = __webpack_require__( 540 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__objectToString_js__ = __webpack_require__( 569 ); /** `Object#toString` result references. */ var nullTag = '[object Null]', undefinedTag = '[object Undefined]'; /** Built-in value references. */ var symToStringTag = __WEBPACK_IMPORTED_MODULE_0__Symbol_js__[ 'a' /* default */ ] ? __WEBPACK_IMPORTED_MODULE_0__Symbol_js__['a' /* default */] .toStringTag : undefined; /** * The base implementation of `getTag` without fallbacks for buggy environments. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */ function baseGetTag(value) { if (value == null) { return value === undefined ? undefinedTag : nullTag; } return symToStringTag && symToStringTag in Object(value) ? __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1__getRawTag_js__['a' /* default */] )(value) : __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_2__objectToString_js__[ 'a' /* default */ ] )(value); } /* harmony default export */ __webpack_exports__['a'] = baseGetTag; /***/ }, /* 55 */ /***/ function(module, exports, __webpack_require__) { var isFunction = __webpack_require__(156), isLength = __webpack_require__(157); /** * Checks if `value` is array-like. A value is considered array-like if it's * not a function and has a `value.length` that's an integer greater than or * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is array-like, else `false`. * @example * * _.isArrayLike([1, 2, 3]); * // => true * * _.isArrayLike(document.body.children); * // => true * * _.isArrayLike('abc'); * // => true * * _.isArrayLike(_.noop); * // => false */ function isArrayLike(value) { return value != null && isLength(value.length) && !isFunction(value); } module.exports = isArrayLike; /***/ }, /* 56 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2015-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. * */ var DOMNamespaces = __webpack_require__(162); var setInnerHTML = __webpack_require__(108); var createMicrosoftUnsafeLocalFunction = __webpack_require__(170); var setTextContent = __webpack_require__(287); var ELEMENT_NODE_TYPE = 1; var DOCUMENT_FRAGMENT_NODE_TYPE = 11; /** * In IE (8-11) and Edge, appending nodes with no children is dramatically * faster than appending a full subtree, so we essentially queue up the * .appendChild calls here and apply them so each node is added to its parent * before any children are added. * * In other browsers, doing so is slower or neutral compared to the other order * (in Firefox, twice as slow) so we only do this inversion in IE. * * See https://github.com/spicyj/innerhtml-vs-createelement-vs-clonenode. */ var enableLazy = (typeof document !== 'undefined' && typeof document.documentMode === 'number') || (typeof navigator !== 'undefined' && typeof navigator.userAgent === 'string' && /\bEdge\/\d/.test(navigator.userAgent)); function insertTreeChildren(tree) { if (!enableLazy) { return; } var node = tree.node; var children = tree.children; if (children.length) { for (var i = 0; i < children.length; i++) { insertTreeBefore(node, children[i], null); } } else if (tree.html != null) { setInnerHTML(node, tree.html); } else if (tree.text != null) { setTextContent(node, tree.text); } } var insertTreeBefore = createMicrosoftUnsafeLocalFunction(function( parentNode, tree, referenceNode ) { // DocumentFragments aren't actually part of the DOM after insertion so // appending children won't update the DOM. We need to ensure the fragment // is properly populated first, breaking out of our lazy approach for just // this level. Also, some plugins (like Flash Player) will read // nodes immediately upon insertion into the DOM, so // must also be populated prior to insertion into the DOM. if ( tree.node.nodeType === DOCUMENT_FRAGMENT_NODE_TYPE || (tree.node.nodeType === ELEMENT_NODE_TYPE && tree.node.nodeName.toLowerCase() === 'object' && (tree.node.namespaceURI == null || tree.node.namespaceURI === DOMNamespaces.html)) ) { insertTreeChildren(tree); parentNode.insertBefore(tree.node, referenceNode); } else { parentNode.insertBefore(tree.node, referenceNode); insertTreeChildren(tree); } }); function replaceChildWithTree(oldNode, newTree) { oldNode.parentNode.replaceChild(newTree.node, oldNode); insertTreeChildren(newTree); } function queueChild(parentTree, childTree) { if (enableLazy) { parentTree.children.push(childTree); } else { parentTree.node.appendChild(childTree.node); } } function queueHTML(tree, html) { if (enableLazy) { tree.html = html; } else { setInnerHTML(tree.node, html); } } function queueText(tree, text) { if (enableLazy) { tree.text = text; } else { setTextContent(tree.node, text); } } function toString() { return this.node.nodeName; } function DOMLazyTree(node) { return { node: node, children: [], html: null, text: null, toString: toString }; } DOMLazyTree.insertTreeBefore = insertTreeBefore; DOMLazyTree.replaceChildWithTree = replaceChildWithTree; DOMLazyTree.queueChild = queueChild; DOMLazyTree.queueHTML = queueHTML; DOMLazyTree.queueText = queueText; module.exports = DOMLazyTree; /***/ }, /* 57 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _prodInvariant = __webpack_require__(7); var invariant = __webpack_require__(2); function checkMask(value, bitmask) { return (value & bitmask) === bitmask; } var DOMPropertyInjection = { /** * Mapping from normalized, camelcased property names to a configuration that * specifies how the associated DOM property should be accessed or rendered. */ MUST_USE_PROPERTY: 0x1, HAS_BOOLEAN_VALUE: 0x4, HAS_NUMERIC_VALUE: 0x8, HAS_POSITIVE_NUMERIC_VALUE: 0x10 | 0x8, HAS_OVERLOADED_BOOLEAN_VALUE: 0x20, /** * Inject some specialized knowledge about the DOM. This takes a config object * with the following properties: * * isCustomAttribute: function that given an attribute name will return true * if it can be inserted into the DOM verbatim. Useful for data-* or aria-* * attributes where it's impossible to enumerate all of the possible * attribute names, * * Properties: object mapping DOM property name to one of the * DOMPropertyInjection constants or null. If your attribute isn't in here, * it won't get written to the DOM. * * DOMAttributeNames: object mapping React attribute name to the DOM * attribute name. Attribute names not specified use the **lowercase** * normalized name. * * DOMAttributeNamespaces: object mapping React attribute name to the DOM * attribute namespace URL. (Attribute names not specified use no namespace.) * * DOMPropertyNames: similar to DOMAttributeNames but for DOM properties. * Property names not specified use the normalized name. * * DOMMutationMethods: Properties that require special mutation methods. If * `value` is undefined, the mutation method should unset the property. * * @param {object} domPropertyConfig the config as described above. */ injectDOMPropertyConfig: function(domPropertyConfig) { var Injection = DOMPropertyInjection; var Properties = domPropertyConfig.Properties || {}; var DOMAttributeNamespaces = domPropertyConfig.DOMAttributeNamespaces || {}; var DOMAttributeNames = domPropertyConfig.DOMAttributeNames || {}; var DOMPropertyNames = domPropertyConfig.DOMPropertyNames || {}; var DOMMutationMethods = domPropertyConfig.DOMMutationMethods || {}; if (domPropertyConfig.isCustomAttribute) { DOMProperty._isCustomAttributeFunctions.push( domPropertyConfig.isCustomAttribute ); } for (var propName in Properties) { !!DOMProperty.properties.hasOwnProperty(propName) ? false ? invariant( false, "injectDOMPropertyConfig(...): You're trying to inject DOM property '%s' which has already been injected. You may be accidentally injecting the same DOM property config twice, or you may be injecting two configs that have conflicting property names.", propName ) : _prodInvariant('48', propName) : void 0; var lowerCased = propName.toLowerCase(); var propConfig = Properties[propName]; var propertyInfo = { attributeName: lowerCased, attributeNamespace: null, propertyName: propName, mutationMethod: null, mustUseProperty: checkMask( propConfig, Injection.MUST_USE_PROPERTY ), hasBooleanValue: checkMask( propConfig, Injection.HAS_BOOLEAN_VALUE ), hasNumericValue: checkMask( propConfig, Injection.HAS_NUMERIC_VALUE ), hasPositiveNumericValue: checkMask( propConfig, Injection.HAS_POSITIVE_NUMERIC_VALUE ), hasOverloadedBooleanValue: checkMask( propConfig, Injection.HAS_OVERLOADED_BOOLEAN_VALUE ) }; !(propertyInfo.hasBooleanValue + propertyInfo.hasNumericValue + propertyInfo.hasOverloadedBooleanValue <= 1) ? false ? invariant( false, 'DOMProperty: Value can be one of boolean, overloaded boolean, or numeric value, but not a combination: %s', propName ) : _prodInvariant('50', propName) : void 0; if (false) { DOMProperty.getPossibleStandardName[lowerCased] = propName; } if (DOMAttributeNames.hasOwnProperty(propName)) { var attributeName = DOMAttributeNames[propName]; propertyInfo.attributeName = attributeName; if (false) { DOMProperty.getPossibleStandardName[attributeName] = propName; } } if (DOMAttributeNamespaces.hasOwnProperty(propName)) { propertyInfo.attributeNamespace = DOMAttributeNamespaces[propName]; } if (DOMPropertyNames.hasOwnProperty(propName)) { propertyInfo.propertyName = DOMPropertyNames[propName]; } if (DOMMutationMethods.hasOwnProperty(propName)) { propertyInfo.mutationMethod = DOMMutationMethods[propName]; } DOMProperty.properties[propName] = propertyInfo; } } }; /* eslint-disable max-len */ var ATTRIBUTE_NAME_START_CHAR = ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD'; /* eslint-enable max-len */ /** * DOMProperty exports lookup objects that can be used like functions: * * > DOMProperty.isValid['id'] * true * > DOMProperty.isValid['foobar'] * undefined * * Although this may be confusing, it performs better in general. * * @see http://jsperf.com/key-exists * @see http://jsperf.com/key-missing */ var DOMProperty = { ID_ATTRIBUTE_NAME: 'data-reactid', ROOT_ATTRIBUTE_NAME: 'data-reactroot', ATTRIBUTE_NAME_START_CHAR: ATTRIBUTE_NAME_START_CHAR, ATTRIBUTE_NAME_CHAR: ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040', /** * Map from property "standard name" to an object with info about how to set * the property in the DOM. Each object contains: * * attributeName: * Used when rendering markup or with `*Attribute()`. * attributeNamespace * propertyName: * Used on DOM node instances. (This includes properties that mutate due to * external factors.) * mutationMethod: * If non-null, used instead of the property or `setAttribute()` after * initial render. * mustUseProperty: * Whether the property must be accessed and mutated as an object property. * hasBooleanValue: * Whether the property should be removed when set to a falsey value. * hasNumericValue: * Whether the property must be numeric or parse as a numeric and should be * removed when set to a falsey value. * hasPositiveNumericValue: * Whether the property must be positive numeric or parse as a positive * numeric and should be removed when set to a falsey value. * hasOverloadedBooleanValue: * Whether the property can be used as a flag as well as with a value. * Removed when strictly equal to false; present without a value when * strictly equal to true; present with a value otherwise. */ properties: {}, /** * Mapping from lowercase property names to the properly cased version, used * to warn in the case of missing properties. Available only in __DEV__. * * autofocus is predefined, because adding it to the property whitelist * causes unintended side effects. * * @type {Object} */ getPossibleStandardName: false ? { autofocus: 'autoFocus' } : null, /** * All of the isCustomAttribute() functions that have been injected. */ _isCustomAttributeFunctions: [], /** * Checks whether a property name is a custom attribute. * @method */ isCustomAttribute: function(attributeName) { for ( var i = 0; i < DOMProperty._isCustomAttributeFunctions.length; i++ ) { var isCustomAttributeFn = DOMProperty._isCustomAttributeFunctions[i]; if (isCustomAttributeFn(attributeName)) { return true; } } return false; }, injection: DOMPropertyInjection }; module.exports = DOMProperty; /***/ }, /* 58 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var ReactRef = __webpack_require__(752); var ReactInstrumentation = __webpack_require__(25); var warning = __webpack_require__(5); /** * Helper to call ReactRef.attachRefs with this composite component, split out * to avoid allocations in the transaction mount-ready queue. */ function attachRefs() { ReactRef.attachRefs(this, this._currentElement); } var ReactReconciler = { /** * Initializes the component, renders markup, and registers event listeners. * * @param {ReactComponent} internalInstance * @param {ReactReconcileTransaction|ReactServerRenderingTransaction} transaction * @param {?object} the containing host component instance * @param {?object} info about the host container * @return {?string} Rendered markup to be inserted into the DOM. * @final * @internal */ mountComponent: function( internalInstance, transaction, hostParent, hostContainerInfo, context, parentDebugID // 0 in production and for roots ) { if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onBeforeMountComponent( internalInstance._debugID, internalInstance._currentElement, parentDebugID ); } } var markup = internalInstance.mountComponent( transaction, hostParent, hostContainerInfo, context, parentDebugID ); if ( internalInstance._currentElement && internalInstance._currentElement.ref != null ) { transaction .getReactMountReady() .enqueue(attachRefs, internalInstance); } if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onMountComponent( internalInstance._debugID ); } } return markup; }, /** * Returns a value that can be passed to * ReactComponentEnvironment.replaceNodeWithMarkup. */ getHostNode: function(internalInstance) { return internalInstance.getHostNode(); }, /** * Releases any resources allocated by `mountComponent`. * * @final * @internal */ unmountComponent: function(internalInstance, safely) { if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onBeforeUnmountComponent( internalInstance._debugID ); } } ReactRef.detachRefs( internalInstance, internalInstance._currentElement ); internalInstance.unmountComponent(safely); if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onUnmountComponent( internalInstance._debugID ); } } }, /** * Update a component using a new element. * * @param {ReactComponent} internalInstance * @param {ReactElement} nextElement * @param {ReactReconcileTransaction} transaction * @param {object} context * @internal */ receiveComponent: function( internalInstance, nextElement, transaction, context ) { var prevElement = internalInstance._currentElement; if ( nextElement === prevElement && context === internalInstance._context ) { // Since elements are immutable after the owner is rendered, // we can do a cheap identity compare here to determine if this is a // superfluous reconcile. It's possible for state to be mutable but such // change should trigger an update of the owner which would recreate // the element. We explicitly check for the existence of an owner since // it's possible for an element created outside a composite to be // deeply mutated and reused. // TODO: Bailing out early is just a perf optimization right? // TODO: Removing the return statement should affect correctness? return; } if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onBeforeUpdateComponent( internalInstance._debugID, nextElement ); } } var refsChanged = ReactRef.shouldUpdateRefs(prevElement, nextElement); if (refsChanged) { ReactRef.detachRefs(internalInstance, prevElement); } internalInstance.receiveComponent(nextElement, transaction, context); if ( refsChanged && internalInstance._currentElement && internalInstance._currentElement.ref != null ) { transaction .getReactMountReady() .enqueue(attachRefs, internalInstance); } if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onUpdateComponent( internalInstance._debugID ); } } }, /** * Flush any dirty changes in a component. * * @param {ReactComponent} internalInstance * @param {ReactReconcileTransaction} transaction * @internal */ performUpdateIfNecessary: function( internalInstance, transaction, updateBatchNumber ) { if (internalInstance._updateBatchNumber !== updateBatchNumber) { // The component's enqueued batch number should always be the current // batch or the following one. false ? warning( internalInstance._updateBatchNumber == null || internalInstance._updateBatchNumber === updateBatchNumber + 1, 'performUpdateIfNecessary: Unexpected batch number (current %s, ' + 'pending %s)', updateBatchNumber, internalInstance._updateBatchNumber ) : void 0; return; } if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onBeforeUpdateComponent( internalInstance._debugID, internalInstance._currentElement ); } } internalInstance.performUpdateIfNecessary(transaction); if (false) { if (internalInstance._debugID !== 0) { ReactInstrumentation.debugTool.onUpdateComponent( internalInstance._debugID ); } } } }; module.exports = ReactReconciler; /***/ }, /* 59 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; Object.defineProperty(__webpack_exports__, '__esModule', { value: true }); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'Grid', function() { return Grid$1; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'Row', function() { return Row$1; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'Col', function() { return Col$1; } ); /* harmony export (binding) */ __webpack_require__.d( __webpack_exports__, 'BASE_CONF', function() { return BASE_CONF; } ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_react__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_styled_components__ = __webpack_require__( 3 ); function createCommonjsModule(fn, module) { return (module = { exports: {} }), fn( module, module.exports ), module.exports; } /** * 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 makeEmptyFunction(arg) { return function() { return arg; }; } /** * This function accepts and discards inputs; it has no side effects. This is * primarily useful idiomatically for overridable function endpoints which * always need to be callable, since JS lacks a null-call idiom ala Cocoa. */ var emptyFunction = function emptyFunction() {}; emptyFunction.thatReturns = makeEmptyFunction; emptyFunction.thatReturnsFalse = makeEmptyFunction(false); emptyFunction.thatReturnsTrue = makeEmptyFunction(true); emptyFunction.thatReturnsNull = makeEmptyFunction(null); emptyFunction.thatReturnsThis = function() { return this; }; emptyFunction.thatReturnsArgument = function(arg) { return arg; }; var emptyFunction_1 = emptyFunction; /** * 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. * */ /** * 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 validateFormat = function validateFormat(format) {}; if (false) { validateFormat = function validateFormat(format) { if (format === undefined) { throw new Error('invariant requires an error message argument'); } }; } function invariant(condition, format, a, b, c, d, e, f) { validateFormat(format); 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; } } var invariant_1 = invariant; /** * 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 = emptyFunction_1; if (false) { (function() { var printWarning = function printWarning(format) { for ( var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++ ) { args[_key - 1] = arguments[_key]; } var argIndex = 0; var message = 'Warning: ' + format.replace(/%s/g, function() { return args[argIndex++]; }); if (typeof console !== 'undefined') { console.error(message); } try { // --- Welcome to debugging React --- // 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) {} }; warning = function warning(condition, format) { if (format === undefined) { throw new Error( '`warning(condition, format, ...args)` requires a warning ' + 'message argument' ); } if (format.indexOf('Failed Composite propType: ') === 0) { return; // Ignore CompositeComponent proptype check. } if (!condition) { for ( var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++ ) { args[_key2 - 2] = arguments[_key2]; } printWarning.apply(undefined, [format].concat(args)); } }; })(); } var warning_1 = warning; /** * 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. */ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED'; var ReactPropTypesSecret_1 = ReactPropTypesSecret; var _typeof = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? function(obj) { return typeof obj; } : function(obj) { return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype ? 'symbol' : typeof obj; }; 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 taggedTemplateLiteral = function(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); }; if (false) { var invariant$1 = invariant_1; var warning$1 = warning_1; var ReactPropTypesSecret$1 = ReactPropTypesSecret_1; var loggedTypeFailures = {}; } /** * Assert that the values match with the type specs. * Error messages are memorized and will only be shown once. * * @param {object} typeSpecs Map of name to a ReactPropType * @param {object} values Runtime values that need to be type-checked * @param {string} location e.g. "prop", "context", "child context" * @param {string} componentName Name of the component for error messages. * @param {?Function} getStack Returns the component stack. * @private */ function checkPropTypes( typeSpecs, values, location, componentName, getStack ) { if (false) { for (var typeSpecName in typeSpecs) { if (typeSpecs.hasOwnProperty(typeSpecName)) { var error; // Prop type validation may throw. In case they do, we don't want to // fail the render phase where it didn't fail before. So we log it. // After these have been cleaned up, we'll let them throw. try { // This is intentionally an invariant that gets caught. It's the same // behavior as without this statement except with a better message. invariant$1( typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'React.PropTypes.', componentName || 'React class', location, typeSpecName ); error = typeSpecs[typeSpecName]( values, typeSpecName, componentName, location, null, ReactPropTypesSecret$1 ); } catch (ex) { error = ex; } warning$1( !error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error === 'undefined' ? 'undefined' : _typeof(error) ); if ( error instanceof Error && !(error.message in loggedTypeFailures) ) { // Only monitor this failure once because there tends to be a lot of the // same error. loggedTypeFailures[error.message] = true; var stack = getStack ? getStack() : ''; warning$1( false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '' ); } } } } } var checkPropTypes_1 = checkPropTypes; var factoryWithTypeCheckers = function factoryWithTypeCheckers( isValidElement, throwOnDirectAccess ) { /* global Symbol */ var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator; var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec. /** * Returns the iterator method function contained on the iterable object. * * Be sure to invoke the function with the iterable as context: * * var iteratorFn = getIteratorFn(myIterable); * if (iteratorFn) { * var iterator = iteratorFn.call(myIterable); * ... * } * * @param {?object} maybeIterable * @return {?function} */ function getIteratorFn(maybeIterable) { var iteratorFn = maybeIterable && ((ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL]) || maybeIterable[FAUX_ITERATOR_SYMBOL]); if (typeof iteratorFn === 'function') { return iteratorFn; } } /** * Collection of methods that allow declaration and validation of props that are * supplied to React components. Example usage: * * var Props = require('ReactPropTypes'); * var MyArticle = React.createClass({ * propTypes: { * // An optional string prop named "description". * description: Props.string, * * // A required enum prop named "category". * category: Props.oneOf(['News','Photos']).isRequired, * * // A prop named "dialog" that requires an instance of Dialog. * dialog: Props.instanceOf(Dialog).isRequired * }, * render: function() { ... } * }); * * A more formal specification of how these methods are used: * * type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...) * decl := ReactPropTypes.{type}(.isRequired)? * * Each and every declaration produces a function with the same signature. This * allows the creation of custom validation functions. For example: * * var MyLink = React.createClass({ * propTypes: { * // An optional string or URI prop named "href". * href: function(props, propName, componentName) { * var propValue = props[propName]; * if (propValue != null && typeof propValue !== 'string' && * !(propValue instanceof URI)) { * return new Error( * 'Expected a string or an URI for ' + propName + ' in ' + * componentName * ); * } * } * }, * render: function() {...} * }); * * @internal */ var ANONYMOUS = '<>'; // Important! // Keep this list in sync with production version in `./factoryWithThrowingShims.js`. var ReactPropTypes = { array: createPrimitiveTypeChecker('array'), bool: createPrimitiveTypeChecker('boolean'), func: createPrimitiveTypeChecker('function'), number: createPrimitiveTypeChecker('number'), object: createPrimitiveTypeChecker('object'), string: createPrimitiveTypeChecker('string'), symbol: createPrimitiveTypeChecker('symbol'), any: createAnyTypeChecker(), arrayOf: createArrayOfTypeChecker, element: createElementTypeChecker(), instanceOf: createInstanceTypeChecker, node: createNodeChecker(), objectOf: createObjectOfTypeChecker, oneOf: createEnumTypeChecker, oneOfType: createUnionTypeChecker, shape: createShapeTypeChecker }; /** * inlined Object.is polyfill to avoid requiring consumers ship their own * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is */ /*eslint-disable no-self-compare*/ function is(x, y) { // SameValue algorithm if (x === y) { // Steps 1-5, 7-10 // Steps 6.b-6.e: +0 != -0 return x !== 0 || 1 / x === 1 / y; } else { // Step 6.a: NaN == NaN return x !== x && y !== y; } } /*eslint-enable no-self-compare*/ /** * We use an Error-like object for backward compatibility as people may call * PropTypes directly and inspect their output. However, we don't use real * Errors anymore. We don't inspect their stack anyway, and creating them * is prohibitively expensive if they are created too often, such as what * happens in oneOfType() for any type before the one that matched. */ function PropTypeError(message) { this.message = message; this.stack = ''; } // Make `instanceof Error` still work for returned errors. PropTypeError.prototype = Error.prototype; function createChainableTypeChecker(validate) { if (false) { var manualPropTypeCallCache = {}; var manualPropTypeWarningCount = 0; } function checkType( isRequired, props, propName, componentName, location, propFullName, secret ) { componentName = componentName || ANONYMOUS; propFullName = propFullName || propName; if (secret !== ReactPropTypesSecret_1) { if (throwOnDirectAccess) { // New behavior only for users of `prop-types` package invariant_1( false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types' ); } else if (false) { // Old behavior for people using React.PropTypes var cacheKey = componentName + ':' + propName; if ( !manualPropTypeCallCache[cacheKey] && // Avoid spamming the console because they are often not actionable except for lib authors manualPropTypeWarningCount < 3 ) { warning_1( false, 'You are manually calling a React.PropTypes validation ' + 'function for the `%s` prop on `%s`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.', propFullName, componentName ); manualPropTypeCallCache[cacheKey] = true; manualPropTypeWarningCount++; } } } if (props[propName] == null) { if (isRequired) { if (props[propName] === null) { return new PropTypeError( 'The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.') ); } return new PropTypeError( 'The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.') ); } return null; } else { return validate( props, propName, componentName, location, propFullName ); } } var chainedCheckType = checkType.bind(null, false); chainedCheckType.isRequired = checkType.bind(null, true); return chainedCheckType; } function createPrimitiveTypeChecker(expectedType) { function validate( props, propName, componentName, location, propFullName, secret ) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== expectedType) { // `propValue` being instance of, say, date/regexp, pass the 'object' // check, but we can offer a more precise error message here rather than // 'of type `object`'. var preciseType = getPreciseType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.') ); } return null; } return createChainableTypeChecker(validate); } function createAnyTypeChecker() { return createChainableTypeChecker(emptyFunction_1.thatReturnsNull); } function createArrayOfTypeChecker(typeChecker) { function validate( props, propName, componentName, location, propFullName ) { if (typeof typeChecker !== 'function') { return new PropTypeError( 'Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.' ); } var propValue = props[propName]; if (!Array.isArray(propValue)) { var propType = getPropType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.') ); } for (var i = 0; i < propValue.length; i++) { var error = typeChecker( propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1 ); if (error instanceof Error) { return error; } } return null; } return createChainableTypeChecker(validate); } function createElementTypeChecker() { function validate( props, propName, componentName, location, propFullName ) { var propValue = props[propName]; if (!isValidElement(propValue)) { var propType = getPropType(propValue); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.') ); } return null; } return createChainableTypeChecker(validate); } function createInstanceTypeChecker(expectedClass) { function validate( props, propName, componentName, location, propFullName ) { if (!(props[propName] instanceof expectedClass)) { var expectedClassName = expectedClass.name || ANONYMOUS; var actualClassName = getClassName(props[propName]); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.') ); } return null; } return createChainableTypeChecker(validate); } function createEnumTypeChecker(expectedValues) { if (!Array.isArray(expectedValues)) { false ? warning_1( false, 'Invalid argument supplied to oneOf, expected an instance of array.' ) : void 0; return emptyFunction_1.thatReturnsNull; } function validate( props, propName, componentName, location, propFullName ) { var propValue = props[propName]; for (var i = 0; i < expectedValues.length; i++) { if (is(propValue, expectedValues[i])) { return null; } } var valuesString = JSON.stringify(expectedValues); return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.') ); } return createChainableTypeChecker(validate); } function createObjectOfTypeChecker(typeChecker) { function validate( props, propName, componentName, location, propFullName ) { if (typeof typeChecker !== 'function') { return new PropTypeError( 'Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.' ); } var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.') ); } for (var key in propValue) { if (propValue.hasOwnProperty(key)) { var error = typeChecker( propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1 ); if (error instanceof Error) { return error; } } } return null; } return createChainableTypeChecker(validate); } function createUnionTypeChecker(arrayOfTypeCheckers) { if (!Array.isArray(arrayOfTypeCheckers)) { false ? warning_1( false, 'Invalid argument supplied to oneOfType, expected an instance of array.' ) : void 0; return emptyFunction_1.thatReturnsNull; } function validate( props, propName, componentName, location, propFullName ) { for (var i = 0; i < arrayOfTypeCheckers.length; i++) { var checker = arrayOfTypeCheckers[i]; if ( checker( props, propName, componentName, location, propFullName, ReactPropTypesSecret_1 ) == null ) { return null; } } return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.') ); } return createChainableTypeChecker(validate); } function createNodeChecker() { function validate( props, propName, componentName, location, propFullName ) { if (!isNode(props[propName])) { return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.') ); } return null; } return createChainableTypeChecker(validate); } function createShapeTypeChecker(shapeTypes) { function validate( props, propName, componentName, location, propFullName ) { var propValue = props[propName]; var propType = getPropType(propValue); if (propType !== 'object') { return new PropTypeError( 'Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.') ); } for (var key in shapeTypes) { var checker = shapeTypes[key]; if (!checker) { continue; } var error = checker( propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1 ); if (error) { return error; } } return null; } return createChainableTypeChecker(validate); } function isNode(propValue) { switch (typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue)) { case 'number': case 'string': case 'undefined': return true; case 'boolean': return !propValue; case 'object': if (Array.isArray(propValue)) { return propValue.every(isNode); } if (propValue === null || isValidElement(propValue)) { return true; } var iteratorFn = getIteratorFn(propValue); if (iteratorFn) { var iterator = iteratorFn.call(propValue); var step; if (iteratorFn !== propValue.entries) { while (!(step = iterator.next()).done) { if (!isNode(step.value)) { return false; } } } else { // Iterator will provide entry [k,v] tuples rather than values. while (!(step = iterator.next()).done) { var entry = step.value; if (entry) { if (!isNode(entry[1])) { return false; } } } } } else { return false; } return true; default: return false; } } function isSymbol(propType, propValue) { // Native Symbol. if (propType === 'symbol') { return true; } // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol' if (propValue['@@toStringTag'] === 'Symbol') { return true; } // Fallback for non-spec compliant Symbols which are polyfilled. if (typeof Symbol === 'function' && propValue instanceof Symbol) { return true; } return false; } // Equivalent of `typeof` but with special handling for array and regexp. function getPropType(propValue) { var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue); if (Array.isArray(propValue)) { return 'array'; } if (propValue instanceof RegExp) { // Old webkits (at least until Android 4.0) return 'function' rather than // 'object' for typeof a RegExp. We'll normalize this here so that /bla/ // passes PropTypes.object. return 'object'; } if (isSymbol(propType, propValue)) { return 'symbol'; } return propType; } // This handles more types than `getPropType`. Only used for error messages. // See `createPrimitiveTypeChecker`. function getPreciseType(propValue) { var propType = getPropType(propValue); if (propType === 'object') { if (propValue instanceof Date) { return 'date'; } else if (propValue instanceof RegExp) { return 'regexp'; } } return propType; } // Returns class name of the object, if any. function getClassName(propValue) { if (!propValue.constructor || !propValue.constructor.name) { return ANONYMOUS; } return propValue.constructor.name; } ReactPropTypes.checkPropTypes = checkPropTypes_1; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; }; var factoryWithThrowingShims = function factoryWithThrowingShims() { // Important! // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`. function shim() { invariant_1( false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types' ); } shim.isRequired = shim; function getShim() { return shim; } var ReactPropTypes = { array: shim, bool: shim, func: shim, number: shim, object: shim, string: shim, symbol: shim, any: shim, arrayOf: getShim, element: shim, instanceOf: getShim, node: shim, objectOf: getShim, oneOf: getShim, oneOfType: getShim, shape: getShim }; ReactPropTypes.checkPropTypes = emptyFunction_1; ReactPropTypes.PropTypes = ReactPropTypes; return ReactPropTypes; }; var index = createCommonjsModule(function(module) { /** * 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. */ if (false) { var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element')) || 0xeac7; var isValidElement = function isValidElement(object) { return ( (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE ); }; // By explicitly using `prop-types` you are opting into new development behavior. // http://fb.me/prop-types-in-prod var throwOnDirectAccess = true; module.exports = factoryWithTypeCheckers( isValidElement, throwOnDirectAccess ); } else { // By explicitly using `prop-types` you are opting into new production behavior. // http://fb.me/prop-types-in-prod module.exports = factoryWithThrowingShims(); } }); function createProps(propTypes, props) { var newProps = {}; Object.keys(props) .filter(function(key) { return ~['children'].indexOf(key) || !propTypes[key]; }) .forEach(function(key) { return (newProps[key] = props[key]); }); return newProps; } var _templateObject$1 = taggedTemplateLiteral( ['\n @media ', ' {\n ', '\n }\n '], ['\n @media ', ' {\n ', '\n }\n '] ); var THEME_CONF = 'flexboxgrid'; var BASE_CONF = { gridSize: 12, gutterWidth: 1, outerMargin: 2, container: { sm: 46, md: 61, lg: 76 }, breakpoints: { xs: 0, sm: 48, md: 64, lg: 75 } }; var configCache = []; var makeCacheId = function makeCacheId(props) { return JSON.stringify((props.theme && props.theme[THEME_CONF]) || {}); }; var resolveConfig = function resolveConfig(props) { var themeConf = (props.theme && props.theme[THEME_CONF]) || {}; var conf = _extends({}, BASE_CONF, themeConf, { container: _extends({}, BASE_CONF.container, themeConf.container), breakpoints: _extends( {}, BASE_CONF.breakpoints, themeConf.breakpoints ) }); conf.media = Object.keys(conf.breakpoints).reduce(function( media, breakpoint ) { var breakpointWidth = conf.breakpoints[breakpoint]; media[breakpoint] = makeMedia( 'only screen' + (breakpoint === 0 ? '' : ' and (min-width: ' + breakpointWidth + 'em)') ); return media; }, {}); return conf; }; var DIMENSION_NAMES = ['xs', 'sm', 'md', 'lg']; function config(props) { var cacheId = makeCacheId(props); if (configCache[0] === cacheId) { return configCache[1]; } var conf = resolveConfig(props); configCache[0] = cacheId; configCache[1] = conf; return conf; } function makeMedia(media) { return function() { return __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_components__['b' /* css */] )( _templateObject$1, media, __WEBPACK_IMPORTED_MODULE_1_styled_components__[ 'b' /* css */ ].apply(undefined, arguments) ); }; } var _templateObject = taggedTemplateLiteral( ['\n margin-right: auto;\n margin-left: auto;\n\n ', '\n\n ', '\n'], ['\n margin-right: auto;\n margin-left: auto;\n\n ', '\n\n ', '\n'] ); var _templateObject2 = taggedTemplateLiteral( ['\n padding-right: ', ';\n padding-left: ', ';\n '], ['\n padding-right: ', ';\n padding-left: ', ';\n '] ); var _templateObject3 = taggedTemplateLiteral( ['\n ', '\n '], ['\n ', '\n '] ); var _templateObject4 = taggedTemplateLiteral( ['\n width: ', 'rem;\n '], ['\n width: ', 'rem;\n '] ); var Grid = function Grid(props) { return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( props.tagName || 'div', createProps(Grid.propTypes, props) ); }; Grid.displayName = 'Grid'; Grid.propTypes = { fluid: index.bool, tagName: index.string, children: index.node }; var Grid$1 = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_components__['a' /* default */] )(Grid)( _templateObject, function(p) { return ( p.fluid && __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_components__['b' /* css */] )( _templateObject2, function(p) { return config(p).outerMargin + 'rem'; }, function(p) { return config(p).outerMargin + 'rem'; } ) ); }, function(p) { return ( !p.fluid && __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_components__['b' /* css */] )( _templateObject3, DIMENSION_NAMES.map(function(t) { return ( config(p).container[t] && config(p).media[t](_templateObject4, function(p) { return config(p).container[t]; }) ); }) ) ); } ); var _templateObject$2 = taggedTemplateLiteral( [ '\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: ', 'rem;\n margin-left: ', 'rem;\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n' ], [ '\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin-right: ', 'rem;\n margin-left: ', 'rem;\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n\n ', '\n' ] ); var _templateObject2$1 = taggedTemplateLiteral( ['\n justify-content: flex-start;\n text-align: start;\n '], ['\n justify-content: flex-start;\n text-align: start;\n '] ); var _templateObject3$1 = taggedTemplateLiteral( ['\n justify-content: center;\n text-align: center;\n '], ['\n justify-content: center;\n text-align: center;\n '] ); var _templateObject4$1 = taggedTemplateLiteral( ['\n justify-content: flex-end;\n text-align: end;\n '], ['\n justify-content: flex-end;\n text-align: end;\n '] ); var _templateObject5 = taggedTemplateLiteral( ['\n align-items: flex-start;\n '], ['\n align-items: flex-start;\n '] ); var _templateObject6 = taggedTemplateLiteral( ['\n align-items: center;\n '], ['\n align-items: center;\n '] ); var _templateObject7 = taggedTemplateLiteral( ['\n align-items: flex-end;\n '], ['\n align-items: flex-end;\n '] ); var _templateObject8 = taggedTemplateLiteral( ['\n justify-content: space-around;\n '], ['\n justify-content: space-around;\n '] ); var _templateObject9 = taggedTemplateLiteral( ['\n justify-content: space-between;\n '], ['\n justify-content: space-between;\n '] ); var _templateObject10 = taggedTemplateLiteral( ['\n order: -1;\n '], ['\n order: -1;\n '] ); var _templateObject11 = taggedTemplateLiteral( ['\n order: 1;\n '], ['\n order: 1;\n '] ); var ModificatorType = index.oneOf(DIMENSION_NAMES); var Row = function Row(props) { return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( props.tagName || 'div', createProps(Row.propTypes, props) ); }; Row.displayName = 'Row'; Row.propTypes = { reverse: index.bool, start: ModificatorType, center: ModificatorType, end: ModificatorType, top: ModificatorType, middle: ModificatorType, bottom: ModificatorType, around: ModificatorType, between: ModificatorType, first: ModificatorType, last: ModificatorType, tagName: index.string, children: index.node }; var Row$1 = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_components__['a' /* default */] )(Row)( _templateObject$2, function(p) { return config(p).gutterWidth / 2 * -1; }, function(p) { return config(p).gutterWidth / 2 * -1; }, function(p) { return p.reverse && '\n flex-direction: row-reverse;\n '; }, function(p) { return p.start && config(p).media[p.start](_templateObject2$1); }, function(p) { return p.center && config(p).media[p.center](_templateObject3$1); }, function(p) { return p.end && config(p).media[p.end](_templateObject4$1); }, function(p) { return p.top && config(p).media[p.top](_templateObject5); }, function(p) { return p.middle && config(p).media[p.middle](_templateObject6); }, function(p) { return p.bottom && config(p).media[p.bottom](_templateObject7); }, function(p) { return p.around && config(p).media[p.around](_templateObject8); }, function(p) { return p.between && config(p).media[p.between](_templateObject9); }, function(p) { return p.first && config(p).media[p.first](_templateObject10); }, function(p) { return p.last && config(p).media[p.last](_templateObject11); } ); var _templateObject$3 = taggedTemplateLiteral( [ '\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: ', 'rem;\n padding-left: ', 'rem;\n\n ', '\n\n ', '\n\n ', '\n' ], [ '\n box-sizing: border-box;\n flex: 0 0 auto;\n padding-right: ', 'rem;\n padding-left: ', 'rem;\n\n ', '\n\n ', '\n\n ', '\n' ] ); var _templateObject2$2 = taggedTemplateLiteral(['', ''], ['', '']); var _templateObject3$2 = taggedTemplateLiteral( ['\n margin-left: ', '%;\n '], ['\n margin-left: ', '%;\n '] ); var ModificatorType$1 = index.oneOfType([index.number, index.bool]); var offsetProps = DIMENSION_NAMES.map(function(d) { return d + 'Offset'; }); var DimensionPropTypes = DIMENSION_NAMES.reduce(function( propTypes, dimension ) { propTypes[dimension] = ModificatorType$1; propTypes[dimension + 'Offset'] = index.number; return propTypes; }, {}); var Col = function Col(props) { return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( props.tagName || 'div', createProps(Col.propTypes, props) ); }; Col.propTypes = _extends({}, DimensionPropTypes, { reverse: index.bool, tagName: index.string, children: index.node }); Col.displayName = 'Col'; var Col$1 = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_components__['a' /* default */] )(Col)( _templateObject$3, function(p) { return config(p).gutterWidth / 2; }, function(p) { return config(p).gutterWidth / 2; }, function(p) { return p.reverse && '\n flex-direction: column-reverse;\n '; }, function(p) { return Object.keys(p) .filter(function(k) { return ~DIMENSION_NAMES.indexOf(k); }) .map(function(k) { return config(p).media[k]( _templateObject2$2, Number.isInteger(p[k]) ? // Integer value '\n flex-basis: ' + 100 / config(p).gridSize * p[k] + '%;\n max-width: ' + 100 / config(p).gridSize * p[k] + '%;\n display: block;\n ' : // Boolean p[k] ? // Auto-width '\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n display: block;\n ' : // Hide element 'display: none;' ); }); }, function(p) { return Object.keys(p) .filter(function(k) { return ~offsetProps.indexOf(k); }) .map(function(k) { return config(p).media[k.replace(/Offset$/, '')]( _templateObject3$2, 100 / config(p).gridSize * p[k] ); }); } ); /***/ }, /* 60 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _assign = __webpack_require__(9); var ReactChildren = __webpack_require__(890); var ReactComponent = __webpack_require__(183); var ReactPureComponent = __webpack_require__(895); var ReactClass = __webpack_require__(891); var ReactDOMFactories = __webpack_require__(892); var ReactElement = __webpack_require__(61); var ReactPropTypes = __webpack_require__(894); var ReactVersion = __webpack_require__(896); var onlyChild = __webpack_require__(899); var warning = __webpack_require__(5); var createElement = ReactElement.createElement; var createFactory = ReactElement.createFactory; var cloneElement = ReactElement.cloneElement; if (false) { var canDefineProperty = require('./canDefineProperty'); var ReactElementValidator = require('./ReactElementValidator'); var didWarnPropTypesDeprecated = false; createElement = ReactElementValidator.createElement; createFactory = ReactElementValidator.createFactory; cloneElement = ReactElementValidator.cloneElement; } var __spread = _assign; if (false) { var warned = false; __spread = function() { process.env.NODE_ENV !== 'production' ? warning( warned, 'React.__spread is deprecated and should not be used. Use ' + 'Object.assign directly or another helper function with similar ' + 'semantics. You may be seeing this warning due to your compiler. ' + 'See https://fb.me/react-spread-deprecation for more details.' ) : void 0; warned = true; return _assign.apply(null, arguments); }; } var React = { // Modern Children: { map: ReactChildren.map, forEach: ReactChildren.forEach, count: ReactChildren.count, toArray: ReactChildren.toArray, only: onlyChild }, Component: ReactComponent, PureComponent: ReactPureComponent, createElement: createElement, cloneElement: cloneElement, isValidElement: ReactElement.isValidElement, // Classic PropTypes: ReactPropTypes, createClass: ReactClass.createClass, createFactory: createFactory, createMixin: function(mixin) { // Currently a noop. Will be used to validate and trace mixins. return mixin; }, // This looks DOM specific but these are actually isomorphic helpers // since they are just generating DOM strings. DOM: ReactDOMFactories, version: ReactVersion, // Deprecated hook for JSX spread, don't use this for anything. __spread: __spread }; // TODO: Fix tests so that this deprecation warning doesn't cause failures. if (false) { if (canDefineProperty) { Object.defineProperty(React, 'PropTypes', { get: function() { process.env.NODE_ENV !== 'production' ? warning( didWarnPropTypesDeprecated, 'Accessing PropTypes via the main React package is deprecated. Use ' + 'the prop-types package from npm instead.' ) : void 0; didWarnPropTypesDeprecated = true; return ReactPropTypes; } }); } } module.exports = React; /***/ }, /* 61 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2014-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. * */ var _assign = __webpack_require__(9); var ReactCurrentOwner = __webpack_require__(33); var warning = __webpack_require__(5); var canDefineProperty = __webpack_require__(308); var hasOwnProperty = Object.prototype.hasOwnProperty; var REACT_ELEMENT_TYPE = __webpack_require__(307); var RESERVED_PROPS = { key: true, ref: true, __self: true, __source: true }; var specialPropKeyWarningShown, specialPropRefWarningShown; function hasValidRef(config) { if (false) { if (hasOwnProperty.call(config, 'ref')) { var getter = Object.getOwnPropertyDescriptor(config, 'ref').get; if (getter && getter.isReactWarning) { return false; } } } return config.ref !== undefined; } function hasValidKey(config) { if (false) { if (hasOwnProperty.call(config, 'key')) { var getter = Object.getOwnPropertyDescriptor(config, 'key').get; if (getter && getter.isReactWarning) { return false; } } } return config.key !== undefined; } function defineKeyPropWarningGetter(props, displayName) { var warnAboutAccessingKey = function() { if (!specialPropKeyWarningShown) { specialPropKeyWarningShown = true; false ? warning( false, '%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName ) : void 0; } }; warnAboutAccessingKey.isReactWarning = true; Object.defineProperty(props, 'key', { get: warnAboutAccessingKey, configurable: true }); } function defineRefPropWarningGetter(props, displayName) { var warnAboutAccessingRef = function() { if (!specialPropRefWarningShown) { specialPropRefWarningShown = true; false ? warning( false, '%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://fb.me/react-special-props)', displayName ) : void 0; } }; warnAboutAccessingRef.isReactWarning = true; Object.defineProperty(props, 'ref', { get: warnAboutAccessingRef, configurable: true }); } /** * Factory method to create a new React element. This no longer adheres to * the class pattern, so do not use new to call it. Also, no instanceof check * will work. Instead test $$typeof field against Symbol.for('react.element') to check * if something is a React Element. * * @param {*} type * @param {*} key * @param {string|object} ref * @param {*} self A *temporary* helper to detect places where `this` is * different from the `owner` when React.createElement is called, so that we * can warn. We want to get rid of owner and replace string `ref`s with arrow * functions, and as long as `this` and owner are the same, there will be no * change in behavior. * @param {*} source An annotation object (added by a transpiler or otherwise) * indicating filename, line number, and/or other information. * @param {*} owner * @param {*} props * @internal */ var ReactElement = function(type, key, ref, self, source, owner, props) { var element = { // This tag allow us to uniquely identify this as a React Element $$typeof: REACT_ELEMENT_TYPE, // Built-in properties that belong on the element type: type, key: key, ref: ref, props: props, // Record the component responsible for creating this element. _owner: owner }; if (false) { // The validation flag is currently mutative. We put it on // an external backing store so that we can freeze the whole object. // This can be replaced with a WeakMap once they are implemented in // commonly used development environments. element._store = {}; // To make comparing ReactElements easier for testing purposes, we make // the validation flag non-enumerable (where possible, which should // include every environment we run tests in), so the test framework // ignores it. if (canDefineProperty) { Object.defineProperty(element._store, 'validated', { configurable: false, enumerable: false, writable: true, value: false }); // self and source are DEV only properties. Object.defineProperty(element, '_self', { configurable: false, enumerable: false, writable: false, value: self }); // Two elements created in two different places should be considered // equal for testing purposes and therefore we hide it from enumeration. Object.defineProperty(element, '_source', { configurable: false, enumerable: false, writable: false, value: source }); } else { element._store.validated = false; element._self = self; element._source = source; } if (Object.freeze) { Object.freeze(element.props); Object.freeze(element); } } return element; }; /** * Create and return a new ReactElement of the given type. * See https://facebook.github.io/react/docs/top-level-api.html#react.createelement */ ReactElement.createElement = function(type, config, children) { var propName; // Reserved names are extracted var props = {}; var key = null; var ref = null; var self = null; var source = null; if (config != null) { if (hasValidRef(config)) { ref = config.ref; } if (hasValidKey(config)) { key = '' + config.key; } self = config.__self === undefined ? null : config.__self; source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object for (propName in config) { if ( hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) ) { props[propName] = config[propName]; } } } // Children can be more than one argument, and those are transferred onto // the newly allocated props object. var childrenLength = arguments.length - 2; if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 2]; } if (false) { if (Object.freeze) { Object.freeze(childArray); } } props.children = childArray; } // Resolve default props if (type && type.defaultProps) { var defaultProps = type.defaultProps; for (propName in defaultProps) { if (props[propName] === undefined) { props[propName] = defaultProps[propName]; } } } if (false) { if (key || ref) { if ( typeof props.$$typeof === 'undefined' || props.$$typeof !== REACT_ELEMENT_TYPE ) { var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type; if (key) { defineKeyPropWarningGetter(props, displayName); } if (ref) { defineRefPropWarningGetter(props, displayName); } } } } return ReactElement( type, key, ref, self, source, ReactCurrentOwner.current, props ); }; /** * Return a function that produces ReactElements of a given type. * See https://facebook.github.io/react/docs/top-level-api.html#react.createfactory */ ReactElement.createFactory = function(type) { var factory = ReactElement.createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be // easily accessed on elements. E.g. `.type === Foo`. // This should not be named `constructor` since this may not be the function // that created the element, and it may not even be a constructor. // Legacy hook TODO: Warn if this is accessed factory.type = type; return factory; }; ReactElement.cloneAndReplaceKey = function(oldElement, newKey) { var newElement = ReactElement( oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props ); return newElement; }; /** * Clone and return a new ReactElement using element as the starting point. * See https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement */ ReactElement.cloneElement = function(element, config, children) { var propName; // Original props are copied var props = _assign({}, element.props); // Reserved names are extracted var key = element.key; var ref = element.ref; // Self is preserved since the owner is preserved. var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a // transpiler, and the original source is probably a better indicator of the // true owner. var source = element._source; // Owner will be preserved, unless ref is overridden var owner = element._owner; if (config != null) { if (hasValidRef(config)) { // Silently steal the ref from the parent. ref = config.ref; owner = ReactCurrentOwner.current; } if (hasValidKey(config)) { key = '' + config.key; } // Remaining properties override existing props var defaultProps; if (element.type && element.type.defaultProps) { defaultProps = element.type.defaultProps; } for (propName in config) { if ( hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName) ) { if ( config[propName] === undefined && defaultProps !== undefined ) { // Resolve default props props[propName] = defaultProps[propName]; } else { props[propName] = config[propName]; } } } } // Children can be more than one argument, and those are transferred onto // the newly allocated props object. var childrenLength = arguments.length - 2; if (childrenLength === 1) { props.children = children; } else if (childrenLength > 1) { var childArray = Array(childrenLength); for (var i = 0; i < childrenLength; i++) { childArray[i] = arguments[i + 2]; } props.children = childArray; } return ReactElement(element.type, key, ref, self, source, owner, props); }; /** * Verifies the object is a ReactElement. * See https://facebook.github.io/react/docs/top-level-api.html#react.isvalidelement * @param {?object} object * @return {boolean} True if `object` is a valid component. * @final */ ReactElement.isValidElement = function(object) { return ( typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE ); }; module.exports = ReactElement; /***/ }, /* 62 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ /** * WARNING: DO NOT manually require this module. * This is a replacement for `invariant(...)` used by the error code system * and will _only_ be required by the corresponding babel pass. * It always throws. */ function reactProdInvariant(code) { var argCount = arguments.length - 1; var message = 'Minified React error #' + code + '; visit ' + 'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code; for (var argIdx = 0; argIdx < argCount; argIdx++) { message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]); } message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.'; var error = new Error(message); error.name = 'Invariant Violation'; error.framesToPop = 1; // we don't care about reactProdInvariant's own frame throw error; } module.exports = reactProdInvariant; /***/ }, /* 63 */ /***/ function(module, exports) { exports = module.exports = trim; function trim(str) { return str.replace(/^\s*|\s*$/g, ''); } exports.left = function(str) { return str.replace(/^\s*/, ''); }; exports.right = function(str) { return str.replace(/\s*$/, ''); }; /***/ }, /* 64 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ /** * WARNING: DO NOT manually require this module. * This is a replacement for `invariant(...)` used by the error code system * and will _only_ be required by the corresponding babel pass. * It always throws. */ function reactProdInvariant(code) { var argCount = arguments.length - 1; var message = 'Minified React error #' + code + '; visit ' + 'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code; for (var argIdx = 0; argIdx < argCount; argIdx++) { message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]); } message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.'; var error = new Error(message); error.name = 'Invariant Violation'; error.framesToPop = 1; // we don't care about reactProdInvariant's own frame throw error; } module.exports = reactProdInvariant; /***/ }, /* 65 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ /** * WARNING: DO NOT manually require this module. * This is a replacement for `invariant(...)` used by the error code system * and will _only_ be required by the corresponding babel pass. * It always throws. */ function reactProdInvariant(code) { var argCount = arguments.length - 1; var message = 'Minified React error #' + code + '; visit ' + 'http://facebook.github.io/react/docs/error-decoder.html?invariant=' + code; for (var argIdx = 0; argIdx < argCount; argIdx++) { message += '&args[]=' + encodeURIComponent(arguments[argIdx + 1]); } message += ' for the full message or use the non-minified dev environment' + ' for full errors and additional helpful warnings.'; var error = new Error(message); error.name = 'Invariant Violation'; error.framesToPop = 1; // we don't care about reactProdInvariant's own frame throw error; } module.exports = reactProdInvariant; /***/ }, /* 66 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; Object.defineProperty(__webpack_exports__, '__esModule', { value: true }); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_react__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_broadcast__ = __webpack_require__( 14 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_broadcast___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_1_react_broadcast__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_redux_form__ = __webpack_require__( 935 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__fieldset__ = __webpack_require__( 396 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__baseline__ = __webpack_require__( 4 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__( 1 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_5_prop_types__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rnd_id__ = __webpack_require__( 116 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_rnd_id___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_6_rnd_id__ ); 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 _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 FormGroup = (function(_Component) { _inherits(FormGroup, _Component); function FormGroup(props) { _classCallCheck(this, FormGroup); var _this = _possibleConstructorReturn( this, (FormGroup.__proto__ || Object.getPrototypeOf(FormGroup)) .call(this, props) ); _this.renderGroup = _this.renderGroup.bind(_this); return _this; } _createClass(FormGroup, [ { key: 'renderGroup', value: function renderGroup(inputProps) { var _props = this.props, className = _props.className, style = _props.style, children = _props.children, rest = _objectWithoutProperties(_props, [ 'className', 'style', 'children' ]); var value = Object.assign( { id: __WEBPACK_IMPORTED_MODULE_6_rnd_id___default()() }, rest, inputProps ); return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( __WEBPACK_IMPORTED_MODULE_3__fieldset__['a' /* default */], { className: className, style: style }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( __WEBPACK_IMPORTED_MODULE_1_react_broadcast__['Broadcast'], { channel: 'input-group', value: value }, __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( 'div', null, children ) ) ); } }, { key: 'render', value: function render() { var _props2 = this.props, _props2$name = _props2.name, name = _props2$name === undefined ? __WEBPACK_IMPORTED_MODULE_6_rnd_id___default()() : _props2$name, defaultValue = _props2.defaultValue, normalize = _props2.normalize, _props2$reduxForm = _props2.reduxForm, reduxForm = _props2$reduxForm === undefined ? false : _props2$reduxForm; if (!reduxForm) { return this.renderGroup({}); } return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( __WEBPACK_IMPORTED_MODULE_2_redux_form__['a' /* Field */], { name: name, defaultValue: defaultValue, component: this.renderGroup, normalize: normalize } ); } } ]); return FormGroup; })(__WEBPACK_IMPORTED_MODULE_0_react__['Component']); FormGroup.propTypes = { children: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.node, className: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, defaultValue: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, name: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string, normalize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func, reduxForm: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool, style: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object }; /* harmony default export */ __webpack_exports__[ 'default' ] = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_4__baseline__['a' /* default */] )(FormGroup); /***/ }, /* 67 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var emptyObject = {}; if (false) { Object.freeze(emptyObject); } module.exports = emptyObject; /***/ }, /* 68 */ /***/ function(module, exports, __webpack_require__) { var bind = __webpack_require__(456); module.exports = bind.call( Function.call, Object.prototype.hasOwnProperty ); /***/ }, /* 69 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; exports.__esModule = true; var addLeadingSlash = (exports.addLeadingSlash = function addLeadingSlash( path ) { return path.charAt(0) === '/' ? path : '/' + path; }); var stripLeadingSlash = (exports.stripLeadingSlash = function stripLeadingSlash( path ) { return path.charAt(0) === '/' ? path.substr(1) : path; }); var stripPrefix = (exports.stripPrefix = function stripPrefix( path, prefix ) { return path.indexOf(prefix) === 0 ? path.substr(prefix.length) : path; }); var stripTrailingSlash = (exports.stripTrailingSlash = function stripTrailingSlash( path ) { return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path; }); var parsePath = (exports.parsePath = function parsePath(path) { var pathname = path || '/'; var search = ''; var hash = ''; var hashIndex = pathname.indexOf('#'); if (hashIndex !== -1) { hash = pathname.substr(hashIndex); pathname = pathname.substr(0, hashIndex); } var searchIndex = pathname.indexOf('?'); if (searchIndex !== -1) { search = pathname.substr(searchIndex); pathname = pathname.substr(0, searchIndex); } pathname = decodeURI(pathname); return { pathname: pathname, search: search === '?' ? '' : search, hash: hash === '#' ? '' : hash }; }); var createPath = (exports.createPath = function createPath(location) { var pathname = location.pathname, search = location.search, hash = location.hash; var path = encodeURI(pathname || '/'); if (search && search !== '?') path += search.charAt(0) === '?' ? search : '?' + search; if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : '#' + hash; return path; }); /***/ }, /* 70 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isSymbol_js__ = __webpack_require__( 94 ); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; /** * Converts `value` to a string key if it's not a string or symbol. * * @private * @param {*} value The value to inspect. * @returns {string|symbol} Returns the key. */ function toKey(value) { if ( typeof value == 'string' || __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__isSymbol_js__['a' /* default */] )(value) ) { return value; } var result = value + ''; return result == '0' && 1 / value == -INFINITY ? '-0' : result; } /* harmony default export */ __webpack_exports__['a'] = toKey; /***/ }, /* 71 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /** * Performs a * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * comparison between two values to determine if they are equivalent. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * var object = { 'a': 1 }; * var other = { 'a': 1 }; * * _.eq(object, object); * // => true * * _.eq(object, other); * // => false * * _.eq('a', 'a'); * // => true * * _.eq('a', Object('a')); * // => false * * _.eq(NaN, NaN); * // => true */ function eq(value, other) { return value === other || (value !== value && other !== other); } /* harmony default export */ __webpack_exports__['a'] = eq; /***/ }, /* 72 */ /***/ function(module, exports) { /** * Performs a * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero) * comparison between two values to determine if they are equivalent. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to compare. * @param {*} other The other value to compare. * @returns {boolean} Returns `true` if the values are equivalent, else `false`. * @example * * var object = { 'a': 1 }; * var other = { 'a': 1 }; * * _.eq(object, object); * // => true * * _.eq(object, other); * // => false * * _.eq('a', 'a'); * // => true * * _.eq('a', Object('a')); * // => false * * _.eq(NaN, NaN); * // => true */ function eq(value, other) { return value === other || (value !== value && other !== other); } module.exports = eq; /***/ }, /* 73 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _prodInvariant = __webpack_require__(7); var EventPluginRegistry = __webpack_require__(163); var EventPluginUtils = __webpack_require__(164); var ReactErrorUtils = __webpack_require__(168); var accumulateInto = __webpack_require__(281); var forEachAccumulated = __webpack_require__(282); var invariant = __webpack_require__(2); /** * Internal store for event listeners */ var listenerBank = {}; /** * Internal queue of events that have accumulated their dispatches and are * waiting to have their dispatches executed. */ var eventQueue = null; /** * Dispatches an event and releases it back into the pool, unless persistent. * * @param {?object} event Synthetic event to be dispatched. * @param {boolean} simulated If the event is simulated (changes exn behavior) * @private */ var executeDispatchesAndRelease = function(event, simulated) { if (event) { EventPluginUtils.executeDispatchesInOrder(event, simulated); if (!event.isPersistent()) { event.constructor.release(event); } } }; var executeDispatchesAndReleaseSimulated = function(e) { return executeDispatchesAndRelease(e, true); }; var executeDispatchesAndReleaseTopLevel = function(e) { return executeDispatchesAndRelease(e, false); }; var getDictionaryKey = function(inst) { // Prevents V8 performance issue: // https://github.com/facebook/react/pull/7232 return '.' + inst._rootNodeID; }; function isInteractive(tag) { return ( tag === 'button' || tag === 'input' || tag === 'select' || tag === 'textarea' ); } function shouldPreventMouseEvent(name, type, props) { switch (name) { case 'onClick': case 'onClickCapture': case 'onDoubleClick': case 'onDoubleClickCapture': case 'onMouseDown': case 'onMouseDownCapture': case 'onMouseMove': case 'onMouseMoveCapture': case 'onMouseUp': case 'onMouseUpCapture': return !!(props.disabled && isInteractive(type)); default: return false; } } /** * This is a unified interface for event plugins to be installed and configured. * * Event plugins can implement the following properties: * * `extractEvents` {function(string, DOMEventTarget, string, object): *} * Required. When a top-level event is fired, this method is expected to * extract synthetic events that will in turn be queued and dispatched. * * `eventTypes` {object} * Optional, plugins that fire events must publish a mapping of registration * names that are used to register listeners. Values of this mapping must * be objects that contain `registrationName` or `phasedRegistrationNames`. * * `executeDispatch` {function(object, function, string)} * Optional, allows plugins to override how an event gets dispatched. By * default, the listener is simply invoked. * * Each plugin that is injected into `EventsPluginHub` is immediately operable. * * @public */ var EventPluginHub = { /** * Methods for injecting dependencies. */ injection: { /** * @param {array} InjectedEventPluginOrder * @public */ injectEventPluginOrder: EventPluginRegistry.injectEventPluginOrder, /** * @param {object} injectedNamesToPlugins Map from names to plugin modules. */ injectEventPluginsByName: EventPluginRegistry.injectEventPluginsByName }, /** * Stores `listener` at `listenerBank[registrationName][key]`. Is idempotent. * * @param {object} inst The instance, which is the source of events. * @param {string} registrationName Name of listener (e.g. `onClick`). * @param {function} listener The callback to store. */ putListener: function(inst, registrationName, listener) { !(typeof listener === 'function') ? false ? invariant( false, 'Expected %s listener to be a function, instead got type %s', registrationName, typeof listener ) : _prodInvariant('94', registrationName, typeof listener) : void 0; var key = getDictionaryKey(inst); var bankForRegistrationName = listenerBank[registrationName] || (listenerBank[registrationName] = {}); bankForRegistrationName[key] = listener; var PluginModule = EventPluginRegistry.registrationNameModules[registrationName]; if (PluginModule && PluginModule.didPutListener) { PluginModule.didPutListener(inst, registrationName, listener); } }, /** * @param {object} inst The instance, which is the source of events. * @param {string} registrationName Name of listener (e.g. `onClick`). * @return {?function} The stored callback. */ getListener: function(inst, registrationName) { // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not // live here; needs to be moved to a better place soon var bankForRegistrationName = listenerBank[registrationName]; if ( shouldPreventMouseEvent( registrationName, inst._currentElement.type, inst._currentElement.props ) ) { return null; } var key = getDictionaryKey(inst); return bankForRegistrationName && bankForRegistrationName[key]; }, /** * Deletes a listener from the registration bank. * * @param {object} inst The instance, which is the source of events. * @param {string} registrationName Name of listener (e.g. `onClick`). */ deleteListener: function(inst, registrationName) { var PluginModule = EventPluginRegistry.registrationNameModules[registrationName]; if (PluginModule && PluginModule.willDeleteListener) { PluginModule.willDeleteListener(inst, registrationName); } var bankForRegistrationName = listenerBank[registrationName]; // TODO: This should never be null -- when is it? if (bankForRegistrationName) { var key = getDictionaryKey(inst); delete bankForRegistrationName[key]; } }, /** * Deletes all listeners for the DOM element with the supplied ID. * * @param {object} inst The instance, which is the source of events. */ deleteAllListeners: function(inst) { var key = getDictionaryKey(inst); for (var registrationName in listenerBank) { if (!listenerBank.hasOwnProperty(registrationName)) { continue; } if (!listenerBank[registrationName][key]) { continue; } var PluginModule = EventPluginRegistry.registrationNameModules[registrationName]; if (PluginModule && PluginModule.willDeleteListener) { PluginModule.willDeleteListener(inst, registrationName); } delete listenerBank[registrationName][key]; } }, /** * Allows registered plugins an opportunity to extract events from top-level * native browser events. * * @return {*} An accumulation of synthetic events. * @internal */ extractEvents: function( topLevelType, targetInst, nativeEvent, nativeEventTarget ) { var events; var plugins = EventPluginRegistry.plugins; for (var i = 0; i < plugins.length; i++) { // Not every plugin in the ordering may be loaded at runtime. var possiblePlugin = plugins[i]; if (possiblePlugin) { var extractedEvents = possiblePlugin.extractEvents( topLevelType, targetInst, nativeEvent, nativeEventTarget ); if (extractedEvents) { events = accumulateInto(events, extractedEvents); } } } return events; }, /** * Enqueues a synthetic event that should be dispatched when * `processEventQueue` is invoked. * * @param {*} events An accumulation of synthetic events. * @internal */ enqueueEvents: function(events) { if (events) { eventQueue = accumulateInto(eventQueue, events); } }, /** * Dispatches all synthetic events on the event queue. * * @internal */ processEventQueue: function(simulated) { // Set `eventQueue` to null before processing it so that we can tell if more // events get enqueued while processing. var processingEventQueue = eventQueue; eventQueue = null; if (simulated) { forEachAccumulated( processingEventQueue, executeDispatchesAndReleaseSimulated ); } else { forEachAccumulated( processingEventQueue, executeDispatchesAndReleaseTopLevel ); } !!eventQueue ? false ? invariant( false, 'processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented.' ) : _prodInvariant('95') : void 0; // This would be a good time to rethrow if any of the event handlers threw. ReactErrorUtils.rethrowCaughtError(); }, /** * These are needed for tests only. Do not use! */ __purge: function() { listenerBank = {}; }, __getListenerBank: function() { return listenerBank; } }; module.exports = EventPluginHub; /***/ }, /* 74 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var EventPluginHub = __webpack_require__(73); var EventPluginUtils = __webpack_require__(164); var accumulateInto = __webpack_require__(281); var forEachAccumulated = __webpack_require__(282); var warning = __webpack_require__(5); var getListener = EventPluginHub.getListener; /** * Some event types have a notion of different registration names for different * "phases" of propagation. This finds listeners by a given phase. */ function listenerAtPhase(inst, event, propagationPhase) { var registrationName = event.dispatchConfig.phasedRegistrationNames[propagationPhase]; return getListener(inst, registrationName); } /** * Tags a `SyntheticEvent` with dispatched listeners. Creating this function * here, allows us to not have to bind or create functions for each event. * Mutating the event's members allows us to not have to create a wrapping * "dispatch" object that pairs the event with the listener. */ function accumulateDirectionalDispatches(inst, phase, event) { if (false) { process.env.NODE_ENV !== 'production' ? warning(inst, 'Dispatching inst must not be null') : void 0; } var listener = listenerAtPhase(inst, event, phase); if (listener) { event._dispatchListeners = accumulateInto( event._dispatchListeners, listener ); event._dispatchInstances = accumulateInto( event._dispatchInstances, inst ); } } /** * Collect dispatches (must be entirely collected before dispatching - see unit * tests). Lazily allocate the array to conserve memory. We must loop through * each event and perform the traversal for each one. We cannot perform a * single traversal for the entire collection of events because each event may * have a different target. */ function accumulateTwoPhaseDispatchesSingle(event) { if (event && event.dispatchConfig.phasedRegistrationNames) { EventPluginUtils.traverseTwoPhase( event._targetInst, accumulateDirectionalDispatches, event ); } } /** * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID. */ function accumulateTwoPhaseDispatchesSingleSkipTarget(event) { if (event && event.dispatchConfig.phasedRegistrationNames) { var targetInst = event._targetInst; var parentInst = targetInst ? EventPluginUtils.getParentInstance(targetInst) : null; EventPluginUtils.traverseTwoPhase( parentInst, accumulateDirectionalDispatches, event ); } } /** * Accumulates without regard to direction, does not look for phased * registration names. Same as `accumulateDirectDispatchesSingle` but without * requiring that the `dispatchMarker` be the same as the dispatched ID. */ function accumulateDispatches(inst, ignoredDirection, event) { if (event && event.dispatchConfig.registrationName) { var registrationName = event.dispatchConfig.registrationName; var listener = getListener(inst, registrationName); if (listener) { event._dispatchListeners = accumulateInto( event._dispatchListeners, listener ); event._dispatchInstances = accumulateInto( event._dispatchInstances, inst ); } } } /** * Accumulates dispatches on an `SyntheticEvent`, but only for the * `dispatchMarker`. * @param {SyntheticEvent} event */ function accumulateDirectDispatchesSingle(event) { if (event && event.dispatchConfig.registrationName) { accumulateDispatches(event._targetInst, null, event); } } function accumulateTwoPhaseDispatches(events) { forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle); } function accumulateTwoPhaseDispatchesSkipTarget(events) { forEachAccumulated( events, accumulateTwoPhaseDispatchesSingleSkipTarget ); } function accumulateEnterLeaveDispatches(leave, enter, from, to) { EventPluginUtils.traverseEnterLeave( from, to, accumulateDispatches, leave, enter ); } function accumulateDirectDispatches(events) { forEachAccumulated(events, accumulateDirectDispatchesSingle); } /** * A small set of propagation patterns, each of which will accept a small amount * of information, and generate a set of "dispatch ready event objects" - which * are sets of events that have already been annotated with a set of dispatched * listener functions/ids. The API is designed this way to discourage these * propagation strategies from actually executing the dispatches, since we * always want to collect the entire set of dispatches before executing event a * single one. * * @constructor EventPropagators */ var EventPropagators = { accumulateTwoPhaseDispatches: accumulateTwoPhaseDispatches, accumulateTwoPhaseDispatchesSkipTarget: accumulateTwoPhaseDispatchesSkipTarget, accumulateDirectDispatches: accumulateDirectDispatches, accumulateEnterLeaveDispatches: accumulateEnterLeaveDispatches }; module.exports = EventPropagators; /***/ }, /* 75 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ /** * `ReactInstanceMap` maintains a mapping from a public facing stateful * instance (key) and the internal representation (value). This allows public * methods to accept the user facing instance as an argument and map them back * to internal methods. */ // TODO: Replace this with ES6: var ReactInstanceMap = new Map(); var ReactInstanceMap = { /** * This API should be called `delete` but we'd have to make sure to always * transform these to strings for IE support. When this transform is fully * supported we can rename it. */ remove: function(key) { key._reactInternalInstance = undefined; }, get: function(key) { return key._reactInternalInstance; }, has: function(key) { return key._reactInternalInstance !== undefined; }, set: function(key, value) { key._reactInternalInstance = value; } }; module.exports = ReactInstanceMap; /***/ }, /* 76 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var SyntheticEvent = __webpack_require__(32); var getEventTarget = __webpack_require__(173); /** * @interface UIEvent * @see http://www.w3.org/TR/DOM-Level-3-Events/ */ var UIEventInterface = { view: function(event) { if (event.view) { return event.view; } var target = getEventTarget(event); if (target.window === target) { // target is a window object return target; } var doc = target.ownerDocument; // TODO: Figure out why `ownerDocument` is sometimes undefined in IE8. if (doc) { return doc.defaultView || doc.parentWindow; } else { return window; } }, detail: function(event) { return event.detail || 0; } }; /** * @param {object} dispatchConfig Configuration used to dispatch this event. * @param {string} dispatchMarker Marker identifying the event target. * @param {object} nativeEvent Native browser event. * @extends {SyntheticEvent} */ function SyntheticUIEvent( dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget ) { return SyntheticEvent.call( this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget ); } SyntheticEvent.augmentClass(SyntheticUIEvent, UIEventInterface); module.exports = SyntheticUIEvent; /***/ }, /* 77 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__( 779 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__( 290 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__connect_connect__ = __webpack_require__( 780 ); /* unused harmony reexport Provider */ /* unused harmony reexport createProvider */ /* unused harmony reexport connectAdvanced */ /* harmony reexport (binding) */ __webpack_require__.d( __webpack_exports__, 'a', function() { return __WEBPACK_IMPORTED_MODULE_2__connect_connect__['a']; } ); /***/ }, /* 78 */ /***/ function(module, exports) { module.exports = extend; var hasOwnProperty = Object.prototype.hasOwnProperty; function extend() { var target = {}; for (var i = 0; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; } /***/ }, /* 79 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /* object-assign (c) Sindre Sorhus @license MIT */ /* eslint-disable no-unused-vars */ var getOwnPropertySymbols = Object.getOwnPropertySymbols; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(val) { if (val === null || val === undefined) { throw new TypeError( 'Object.assign cannot be called with null or undefined' ); } return Object(val); } function shouldUseNative() { try { if (!Object.assign) { return false; } // Detect buggy property enumeration order in older V8 versions. // https://bugs.chromium.org/p/v8/issues/detail?id=4118 var test1 = new String('abc'); // eslint-disable-line no-new-wrappers test1[5] = 'de'; if (Object.getOwnPropertyNames(test1)[0] === '5') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test2 = {}; for (var i = 0; i < 10; i++) { test2['_' + String.fromCharCode(i)] = i; } var order2 = Object.getOwnPropertyNames(test2).map(function(n) { return test2[n]; }); if (order2.join('') !== '0123456789') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test3 = {}; 'abcdefghijklmnopqrst'.split('').forEach(function(letter) { test3[letter] = letter; }); if ( Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst' ) { return false; } return true; } catch (err) { // We don't expect any of the above to throw, but better to be safe. return false; } } module.exports = shouldUseNative() ? Object.assign : function(target, source) { var from; var to = toObject(target); var symbols; for (var s = 1; s < arguments.length; s++) { from = Object(arguments[s]); for (var key in from) { if (hasOwnProperty.call(from, key)) { to[key] = from[key]; } } if (getOwnPropertySymbols) { symbols = getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; } } } } return to; }; /***/ }, /* 80 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /* object-assign (c) Sindre Sorhus @license MIT */ /* eslint-disable no-unused-vars */ var getOwnPropertySymbols = Object.getOwnPropertySymbols; var hasOwnProperty = Object.prototype.hasOwnProperty; var propIsEnumerable = Object.prototype.propertyIsEnumerable; function toObject(val) { if (val === null || val === undefined) { throw new TypeError( 'Object.assign cannot be called with null or undefined' ); } return Object(val); } function shouldUseNative() { try { if (!Object.assign) { return false; } // Detect buggy property enumeration order in older V8 versions. // https://bugs.chromium.org/p/v8/issues/detail?id=4118 var test1 = new String('abc'); // eslint-disable-line no-new-wrappers test1[5] = 'de'; if (Object.getOwnPropertyNames(test1)[0] === '5') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test2 = {}; for (var i = 0; i < 10; i++) { test2['_' + String.fromCharCode(i)] = i; } var order2 = Object.getOwnPropertyNames(test2).map(function(n) { return test2[n]; }); if (order2.join('') !== '0123456789') { return false; } // https://bugs.chromium.org/p/v8/issues/detail?id=3056 var test3 = {}; 'abcdefghijklmnopqrst'.split('').forEach(function(letter) { test3[letter] = letter; }); if ( Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst' ) { return false; } return true; } catch (err) { // We don't expect any of the above to throw, but better to be safe. return false; } } module.exports = shouldUseNative() ? Object.assign : function(target, source) { var from; var to = toObject(target); var symbols; for (var s = 1; s < arguments.length; s++) { from = Object(arguments[s]); for (var key in from) { if (hasOwnProperty.call(from, key)) { to[key] = from[key]; } } if (getOwnPropertySymbols) { symbols = getOwnPropertySymbols(from); for (var i = 0; i < symbols.length; i++) { if (propIsEnumerable.call(from, symbols[i])) { to[symbols[i]] = from[symbols[i]]; } } } } return to; }; /***/ }, /* 81 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; Object.defineProperty(__webpack_exports__, '__esModule', { value: true }); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_react__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_broadcast__ = __webpack_require__( 14 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react_broadcast___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_1_react_broadcast__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_remcalc__ = __webpack_require__( 8 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_remcalc___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_3_remcalc__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__label__ = __webpack_require__( 206 ); var _templateObject = _taggedTemplateLiteral( ['\n margin-right: ', ';\n'], ['\n margin-right: ', ';\n'] ); function _taggedTemplateLiteral(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); } var StyledLabel = __WEBPACK_IMPORTED_MODULE_4__label__[ 'a' /* default */ ].extend( _templateObject, __WEBPACK_IMPORTED_MODULE_3_remcalc___default()(12) ); /* harmony default export */ __webpack_exports__['default'] = function( props ) { var render = function render(value) { var _ref = value || {}, _ref$id = _ref.id, id = _ref$id === undefined ? '' : _ref$id; return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( StyledLabel, Object.assign({}, props, { htmlFor: id }) ); }; return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( __WEBPACK_IMPORTED_MODULE_1_react_broadcast__['Subscriber'], { channel: 'input-group' }, render ); }; /***/ }, /* 82 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; Object.defineProperty(__webpack_exports__, '__esModule', { value: true }); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_broadcast__ = __webpack_require__( 14 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_broadcast___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_react_broadcast__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_styled_is__ = __webpack_require__( 12 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__baseline__ = __webpack_require__( 4 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__breakpoints__ = __webpack_require__( 386 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__label__ = __webpack_require__( 206 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types__ = __webpack_require__( 1 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_prop_types___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_6_prop_types__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_7_react__ ); var _templateObject = _taggedTemplateLiteral( ['\n ', ';\n\n ', ';\n\n ', ';\n\n ', ';\n\n ', ';\n'], ['\n ', ';\n\n ', ';\n\n ', ';\n\n ', ';\n\n ', ';\n'] ), _templateObject2 = _taggedTemplateLiteral( ['\n text-align: right;\n '], ['\n text-align: right;\n '] ), _templateObject3 = _taggedTemplateLiteral( ['\n float: right;\n '], ['\n float: right;\n '] ), _templateObject4 = _taggedTemplateLiteral( ['\n color: ', ';\n '], ['\n color: ', ';\n '] ); function _taggedTemplateLiteral(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); } var StyledLabel = __WEBPACK_IMPORTED_MODULE_5__label__[ 'a' /* default */ ].extend( _templateObject, __WEBPACK_IMPORTED_MODULE_3__breakpoints__['a' /* default */].medium( _templateObject2 ), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('right')(_templateObject3), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('error')(_templateObject4, function(props) { return props.theme.red; }), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('warning')(_templateObject4, function(props) { return props.theme.orange; }), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1_styled_is__['a' /* default */] )('success')(_templateObject4, function(props) { return props.theme.green; }) ); var Meta = function Meta(props) { var render = function render(value) { var _value$meta = value.meta, meta = _value$meta === undefined ? {} : _value$meta; var msg = props.children || props.error || props.warning || props.success || meta.error || meta.warning || meta.success || value.error || value.warning || value.success; var hasError = Boolean(props.error || meta.error || value.error); var hasWarning = Boolean( props.warning || meta.warning || value.warning ); var hasSuccess = Boolean( props.success || meta.success || value.success ); var isRight = !props.left; return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement( StyledLabel, Object.assign({}, meta, props, { error: hasError, warning: hasWarning, success: hasSuccess, right: isRight }), msg ); }; return __WEBPACK_IMPORTED_MODULE_7_react___default.a.createElement( __WEBPACK_IMPORTED_MODULE_0_react_broadcast__['Subscriber'], { channel: 'input-group' }, render ); }; Meta.propTypes = { children: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.node, error: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([ __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool ]), left: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool, success: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([ __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool ]), warning: __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.oneOfType([ __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.string, __WEBPACK_IMPORTED_MODULE_6_prop_types___default.a.bool ]) }; /* harmony default export */ __webpack_exports__[ 'default' ] = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_2__baseline__['a' /* default */] )(Meta); /***/ }, /* 83 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * @author Titus Wormer * @copyright 2016 Titus Wormer * @license MIT * @module is-decimal * @fileoverview Check if a character is decimal. */ /* eslint-env commonjs */ /* Expose. */ module.exports = decimal; /** * Check whether the given character code, or the character * code at the first character, is decimal. * * @param {string|number} character * @return {boolean} - Whether `character` is decimal. */ function decimal(character) { var code = typeof character === 'string' ? character.charCodeAt(0) : character; return code >= 48 && code <= 57; /* 0-9 */ } /***/ }, /* 84 */ /***/ 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 _createRule = __webpack_require__(220); var _createRule2 = _interopRequireDefault(_createRule); var _updateRule = __webpack_require__(493); var _updateRule2 = _interopRequireDefault(_updateRule); 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'); } } /** * Contains rules objects and allows adding/removing etc. * Is used for e.g. by `StyleSheet` or `ConditionalRule`. */ var RulesContainer = (function() { // Original styles object. function RulesContainer(options) { _classCallCheck(this, RulesContainer); this.map = Object.create(null); this.raw = Object.create(null); this.index = []; this.options = options; this.classes = options.classes; } /** * Create and register rule. * * Will not render after Style Sheet was rendered the first time. */ // Used to ensure correct rules order. // Rules registry for access by .get() method. // It contains the same rule registered by name and by selector. _createClass(RulesContainer, [ { key: 'add', value: function add(name, decl, options) { var _options = this.options, parent = _options.parent, sheet = _options.sheet, jss = _options.jss, Renderer = _options.Renderer, generateClassName = _options.generateClassName; options = _extends( { classes: this.classes, parent: parent, sheet: sheet, jss: jss, Renderer: Renderer, generateClassName: generateClassName }, options ); if (!options.className) options.className = this.classes[name]; this.raw[name] = decl; var rule = (0, _createRule2['default'])(name, decl, options); this.register(rule); var index = options.index === undefined ? this.index.length : options.index; this.index.splice(index, 0, rule); return rule; } /** * Get a rule. */ }, { key: 'get', value: function get(name) { return this.map[name]; } /** * Delete a rule. */ }, { key: 'remove', value: function remove(rule) { this.unregister(rule); this.index.splice(this.indexOf(rule), 1); } /** * Get index of a rule. */ }, { key: 'indexOf', value: function indexOf(rule) { return this.index.indexOf(rule); } /** * Run `onProcessRule()` plugins on every rule. */ }, { key: 'process', value: function process() { var plugins = this.options.jss.plugins; // We need to clone array because if we modify the index somewhere else during a loop // we end up with very hard-to-track-down side effects. this.index.slice(0).forEach(plugins.onProcessRule, plugins); } /** * Register a rule in `.map` and `.classes` maps. */ }, { key: 'register', value: function register(rule) { if (rule.name) this.map[rule.name] = rule; if (rule.className && rule.name) this.classes[rule.name] = rule.className; if (rule.selector) this.map[rule.selector] = rule; } /** * Unregister a rule. */ }, { key: 'unregister', value: function unregister(rule) { if (rule.name) { delete this.map[rule.name]; delete this.classes[rule.name]; } delete this.map[rule.selector]; } /** * Update the function values with a new data. */ }, { key: 'update', value: function update(name, data) { if (typeof name === 'string') { (0, _updateRule2['default'])( this.get(name), data, RulesContainer ); return; } for (var index = 0; index < this.index.length; index++) { (0, _updateRule2['default'])( this.index[index], name, RulesContainer ); } } /** * Convert rules to a CSS string. */ }, { key: 'toString', value: function toString(options) { var str = ''; for (var index = 0; index < this.index.length; index++) { var rule = this.index[index]; var css = rule.toString(options); // No need to render an empty rule. if (!css) continue; if (str) str += '\n'; str += css; } return str; } } ]); return RulesContainer; })(); exports['default'] = RulesContainer; /***/ }, /* 85 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); exports.create = exports.sheets = exports.RulesContainer = exports.SheetsRegistry = exports.getDynamicStyles = undefined; var _Jss = __webpack_require__(477); var _Jss2 = _interopRequireDefault(_Jss); var _SheetsRegistry = __webpack_require__(219); var _SheetsRegistry2 = _interopRequireDefault(_SheetsRegistry); var _RulesContainer = __webpack_require__(84); var _RulesContainer2 = _interopRequireDefault(_RulesContainer); var _sheets = __webpack_require__(131); var _sheets2 = _interopRequireDefault(_sheets); var _getDynamicStyles = __webpack_require__(492); var _getDynamicStyles2 = _interopRequireDefault(_getDynamicStyles); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /** * Extracts a styles object with only rules that contain function values. */ exports.getDynamicStyles = _getDynamicStyles2['default']; /** * SheetsRegistry for SSR. */ /** * A better abstraction over CSS. * * @copyright Oleg Slobodskoi 2014-present * @website https://github.com/cssinjs/jss * @license MIT */ exports.SheetsRegistry = _SheetsRegistry2['default']; /** * RulesContainer for plugins. */ exports.RulesContainer = _RulesContainer2['default']; /** * Default global SheetsRegistry instance. */ exports.sheets = _sheets2['default']; /** * Creates a new instance of Jss. */ var create = (exports.create = function create(options) { return new _Jss2['default'](options); }); /** * A global Jss instance. */ exports['default'] = create(); /***/ }, /* 86 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__listCacheClear_js__ = __webpack_require__( 554 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__listCacheDelete_js__ = __webpack_require__( 555 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__listCacheGet_js__ = __webpack_require__( 556 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__listCacheHas_js__ = __webpack_require__( 557 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__listCacheSet_js__ = __webpack_require__( 558 ); /** * Creates an list cache object. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function ListCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } // Add methods to `ListCache`. ListCache.prototype.clear = __WEBPACK_IMPORTED_MODULE_0__listCacheClear_js__['a' /* default */]; ListCache.prototype['delete'] = __WEBPACK_IMPORTED_MODULE_1__listCacheDelete_js__['a' /* default */]; ListCache.prototype.get = __WEBPACK_IMPORTED_MODULE_2__listCacheGet_js__['a' /* default */]; ListCache.prototype.has = __WEBPACK_IMPORTED_MODULE_3__listCacheHas_js__['a' /* default */]; ListCache.prototype.set = __WEBPACK_IMPORTED_MODULE_4__listCacheSet_js__['a' /* default */]; /* harmony default export */ __webpack_exports__['a'] = ListCache; /***/ }, /* 87 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__root_js__ = __webpack_require__( 27 ); /** Built-in value references. */ var Symbol = __WEBPACK_IMPORTED_MODULE_0__root_js__['a' /* default */].Symbol; /* harmony default export */ __webpack_exports__['a'] = Symbol; /***/ }, /* 88 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__eq_js__ = __webpack_require__( 71 ); /** * Gets the index at which the `key` is found in `array` of key-value pairs. * * @private * @param {Array} array The array to inspect. * @param {*} key The key to search for. * @returns {number} Returns the index of the matched value, else `-1`. */ function assocIndexOf(array, key) { var length = array.length; while (length--) { if ( __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__eq_js__['a' /* default */] )(array[length][0], key) ) { return length; } } return -1; } /* harmony default export */ __webpack_exports__['a'] = assocIndexOf; /***/ }, /* 89 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__ = __webpack_require__( 231 ); /** * The base implementation of `assignValue` and `assignMergeValue` without * value checks. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function baseAssignValue(object, key, value) { if ( key == '__proto__' && __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__['a' /* default */] ) { __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__defineProperty_js__['a' /* default */] )(object, key, { configurable: true, enumerable: true, value: value, writable: true }); } else { object[key] = value; } } /* harmony default export */ __webpack_exports__['a'] = baseAssignValue; /***/ }, /* 90 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isKeyable_js__ = __webpack_require__( 552 ); /** * Gets the data for `map`. * * @private * @param {Object} map The map to query. * @param {string} key The reference key. * @returns {*} Returns the map data. */ function getMapData(map, key) { var data = map.__data__; return __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__isKeyable_js__['a' /* default */] )(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map; } /* harmony default export */ __webpack_exports__['a'] = getMapData; /***/ }, /* 91 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNative_js__ = __webpack_require__( 41 ); /* Built-in method references that are verified to be native. */ var nativeCreate = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__getNative_js__['a' /* default */] )(Object, 'create'); /* harmony default export */ __webpack_exports__['a'] = nativeCreate; /***/ }, /* 92 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__isFunction_js__ = __webpack_require__( 143 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isLength_js__ = __webpack_require__( 144 ); /** * Checks if `value` is array-like. A value is considered array-like if it's * not a function and has a `value.length` that's an integer greater than or * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is array-like, else `false`. * @example * * _.isArrayLike([1, 2, 3]); * // => true * * _.isArrayLike(document.body.children); * // => true * * _.isArrayLike('abc'); * // => true * * _.isArrayLike(_.noop); * // => false */ function isArrayLike(value) { return ( value != null && __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1__isLength_js__['a' /* default */] )(value.length) && !__webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__isFunction_js__['a' /* default */] )(value) ); } /* harmony default export */ __webpack_exports__['a'] = isArrayLike; /***/ }, /* 93 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__baseGetTag_js__ = __webpack_require__( 54 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getPrototype_js__ = __webpack_require__( 234 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__isObjectLike_js__ = __webpack_require__( 42 ); /** `Object#toString` result references. */ var objectTag = '[object Object]'; /** Used for built-in method references. */ var funcProto = Function.prototype, objectProto = Object.prototype; /** Used to resolve the decompiled source of functions. */ var funcToString = funcProto.toString; /** Used to check objects for own properties. */ var hasOwnProperty = objectProto.hasOwnProperty; /** Used to infer the `Object` constructor. */ var objectCtorString = funcToString.call(Object); /** * Checks if `value` is a plain object, that is, an object created by the * `Object` constructor or one with a `[[Prototype]]` of `null`. * * @static * @memberOf _ * @since 0.8.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a plain object, else `false`. * @example * * function Foo() { * this.a = 1; * } * * _.isPlainObject(new Foo); * // => false * * _.isPlainObject([1, 2, 3]); * // => false * * _.isPlainObject({ 'x': 0, 'y': 0 }); * // => true * * _.isPlainObject(Object.create(null)); * // => true */ function isPlainObject(value) { if ( !__webpack_require__.i( __WEBPACK_IMPORTED_MODULE_2__isObjectLike_js__['a' /* default */] )(value) || __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__baseGetTag_js__['a' /* default */] )(value) != objectTag ) { return false; } var proto = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1__getPrototype_js__['a' /* default */] )(value); if (proto === null) { return true; } var Ctor = hasOwnProperty.call(proto, 'constructor') && proto.constructor; return ( typeof Ctor == 'function' && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString ); } /* harmony default export */ __webpack_exports__['a'] = isPlainObject; /***/ }, /* 94 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__baseGetTag_js__ = __webpack_require__( 54 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isObjectLike_js__ = __webpack_require__( 42 ); /** `Object#toString` result references. */ var symbolTag = '[object Symbol]'; /** * Checks if `value` is classified as a `Symbol` primitive or object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. * @example * * _.isSymbol(Symbol.iterator); * // => true * * _.isSymbol('abc'); * // => false */ function isSymbol(value) { return ( typeof value == 'symbol' || (__webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1__isObjectLike_js__['a' /* default */] )(value) && __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__baseGetTag_js__['a' /* default */] )(value) == symbolTag) ); } /* harmony default export */ __webpack_exports__['a'] = isSymbol; /***/ }, /* 95 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__arrayMap_js__ = __webpack_require__( 225 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__copyArray_js__ = __webpack_require__( 230 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__isArray_js__ = __webpack_require__( 28 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isSymbol_js__ = __webpack_require__( 94 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__stringToPath_js__ = __webpack_require__( 238 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__toKey_js__ = __webpack_require__( 70 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__toString_js__ = __webpack_require__( 243 ); /** * Converts `value` to a property path array. * * @static * @memberOf _ * @since 4.0.0 * @category Util * @param {*} value The value to convert. * @returns {Array} Returns the new property path array. * @example * * _.toPath('a.b.c'); * // => ['a', 'b', 'c'] * * _.toPath('a[0].b.c'); * // => ['a', '0', 'b', 'c'] */ function toPath(value) { if ( __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_2__isArray_js__['a' /* default */] )(value) ) { return __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_0__arrayMap_js__['a' /* default */] )(value, __WEBPACK_IMPORTED_MODULE_5__toKey_js__['a' /* default */]); } return __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_3__isSymbol_js__['a' /* default */] )(value) ? [value] : __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_1__copyArray_js__['a' /* default */] )( __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_4__stringToPath_js__[ 'a' /* default */ ] )( __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_6__toString_js__['a' /* default */] )(value) ) ); } /* harmony default export */ __webpack_exports__['a'] = toPath; /***/ }, /* 96 */ /***/ function(module, exports, __webpack_require__) { var listCacheClear = __webpack_require__(655), listCacheDelete = __webpack_require__(656), listCacheGet = __webpack_require__(657), listCacheHas = __webpack_require__(658), listCacheSet = __webpack_require__(659); /** * Creates an list cache object. * * @private * @constructor * @param {Array} [entries] The key-value pairs to cache. */ function ListCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } // Add methods to `ListCache`. ListCache.prototype.clear = listCacheClear; ListCache.prototype['delete'] = listCacheDelete; ListCache.prototype.get = listCacheGet; ListCache.prototype.has = listCacheHas; ListCache.prototype.set = listCacheSet; module.exports = ListCache; /***/ }, /* 97 */ /***/ function(module, exports, __webpack_require__) { var root = __webpack_require__(18); /** Built-in value references. */ var Symbol = root.Symbol; module.exports = Symbol; /***/ }, /* 98 */ /***/ function(module, exports, __webpack_require__) { var eq = __webpack_require__(72); /** * Gets the index at which the `key` is found in `array` of key-value pairs. * * @private * @param {Array} array The array to inspect. * @param {*} key The key to search for. * @returns {number} Returns the index of the matched value, else `-1`. */ function assocIndexOf(array, key) { var length = array.length; while (length--) { if (eq(array[length][0], key)) { return length; } } return -1; } module.exports = assocIndexOf; /***/ }, /* 99 */ /***/ function(module, exports, __webpack_require__) { var defineProperty = __webpack_require__(254); /** * The base implementation of `assignValue` and `assignMergeValue` without * value checks. * * @private * @param {Object} object The object to modify. * @param {string} key The key of the property to assign. * @param {*} value The value to assign. */ function baseAssignValue(object, key, value) { if (key == '__proto__' && defineProperty) { defineProperty(object, key, { configurable: true, enumerable: true, value: value, writable: true }); } else { object[key] = value; } } module.exports = baseAssignValue; /***/ }, /* 100 */ /***/ function(module, exports, __webpack_require__) { var isKeyable = __webpack_require__(653); /** * Gets the data for `map`. * * @private * @param {Object} map The map to query. * @param {string} key The reference key. * @returns {*} Returns the map data. */ function getMapData(map, key) { var data = map.__data__; return isKeyable(key) ? data[typeof key == 'string' ? 'string' : 'hash'] : data.map; } module.exports = getMapData; /***/ }, /* 101 */ /***/ function(module, exports, __webpack_require__) { var getNative = __webpack_require__(44); /* Built-in method references that are verified to be native. */ var nativeCreate = getNative(Object, 'create'); module.exports = nativeCreate; /***/ }, /* 102 */ /***/ function(module, exports, __webpack_require__) { var isSymbol = __webpack_require__(103); /** Used as references for various `Number` constants. */ var INFINITY = 1 / 0; /** * Converts `value` to a string key if it's not a string or symbol. * * @private * @param {*} value The value to inspect. * @returns {string|symbol} Returns the key. */ function toKey(value) { if (typeof value == 'string' || isSymbol(value)) { return value; } var result = value + ''; return result == '0' && 1 / value == -INFINITY ? '-0' : result; } module.exports = toKey; /***/ }, /* 103 */ /***/ function(module, exports, __webpack_require__) { var baseGetTag = __webpack_require__(43), isObjectLike = __webpack_require__(35); /** `Object#toString` result references. */ var symbolTag = '[object Symbol]'; /** * Checks if `value` is classified as a `Symbol` primitive or object. * * @static * @memberOf _ * @since 4.0.0 * @category Lang * @param {*} value The value to check. * @returns {boolean} Returns `true` if `value` is a symbol, else `false`. * @example * * _.isSymbol(Symbol.iterator); * // => true * * _.isSymbol('abc'); * // => false */ function isSymbol(value) { return ( typeof value == 'symbol' || (isObjectLike(value) && baseGetTag(value) == symbolTag) ); } module.exports = isSymbol; /***/ }, /* 104 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _assign = __webpack_require__(9); var EventPluginRegistry = __webpack_require__(163); var ReactEventEmitterMixin = __webpack_require__(744); var ViewportMetrics = __webpack_require__(280); var getVendorPrefixedEventName = __webpack_require__(776); var isEventSupported = __webpack_require__(174); /** * Summary of `ReactBrowserEventEmitter` event handling: * * - Top-level delegation is used to trap most native browser events. This * may only occur in the main thread and is the responsibility of * ReactEventListener, which is injected and can therefore support pluggable * event sources. This is the only work that occurs in the main thread. * * - We normalize and de-duplicate events to account for browser quirks. This * may be done in the worker thread. * * - Forward these native events (with the associated top-level type used to * trap it) to `EventPluginHub`, which in turn will ask plugins if they want * to extract any synthetic events. * * - The `EventPluginHub` will then process each event by annotating them with * "dispatches", a sequence of listeners and IDs that care about that event. * * - The `EventPluginHub` then dispatches the events. * * Overview of React and the event system: * * +------------+ . * | DOM | . * +------------+ . * | . * v . * +------------+ . * | ReactEvent | . * | Listener | . * +------------+ . +-----------+ * | . +--------+|SimpleEvent| * | . | |Plugin | * +-----|------+ . v +-----------+ * | | | . +--------------+ +------------+ * | +-----------.--->|EventPluginHub| | Event | * | | . | | +-----------+ | Propagators| * | ReactEvent | . | | |TapEvent | |------------| * | Emitter | . | |<---+|Plugin | |other plugin| * | | . | | +-----------+ | utilities | * | +-----------.--->| | +------------+ * | | | . +--------------+ * +-----|------+ . ^ +-----------+ * | . | |Enter/Leave| * + . +-------+|Plugin | * +-------------+ . +-----------+ * | application | . * |-------------| . * | | . * | | . * +-------------+ . * . * React Core . General Purpose Event Plugin System */ var hasEventPageXY; var alreadyListeningTo = {}; var isMonitoringScrollValue = false; var reactTopListenersCounter = 0; // For events like 'submit' which don't consistently bubble (which we trap at a // lower node than `document`), binding at `document` would cause duplicate // events so we don't include them here var topEventMapping = { topAbort: 'abort', topAnimationEnd: getVendorPrefixedEventName('animationend') || 'animationend', topAnimationIteration: getVendorPrefixedEventName( 'animationiteration' ) || 'animationiteration', topAnimationStart: getVendorPrefixedEventName('animationstart') || 'animationstart', topBlur: 'blur', topCanPlay: 'canplay', topCanPlayThrough: 'canplaythrough', topChange: 'change', topClick: 'click', topCompositionEnd: 'compositionend', topCompositionStart: 'compositionstart', topCompositionUpdate: 'compositionupdate', topContextMenu: 'contextmenu', topCopy: 'copy', topCut: 'cut', topDoubleClick: 'dblclick', topDrag: 'drag', topDragEnd: 'dragend', topDragEnter: 'dragenter', topDragExit: 'dragexit', topDragLeave: 'dragleave', topDragOver: 'dragover', topDragStart: 'dragstart', topDrop: 'drop', topDurationChange: 'durationchange', topEmptied: 'emptied', topEncrypted: 'encrypted', topEnded: 'ended', topError: 'error', topFocus: 'focus', topInput: 'input', topKeyDown: 'keydown', topKeyPress: 'keypress', topKeyUp: 'keyup', topLoadedData: 'loadeddata', topLoadedMetadata: 'loadedmetadata', topLoadStart: 'loadstart', topMouseDown: 'mousedown', topMouseMove: 'mousemove', topMouseOut: 'mouseout', topMouseOver: 'mouseover', topMouseUp: 'mouseup', topPaste: 'paste', topPause: 'pause', topPlay: 'play', topPlaying: 'playing', topProgress: 'progress', topRateChange: 'ratechange', topScroll: 'scroll', topSeeked: 'seeked', topSeeking: 'seeking', topSelectionChange: 'selectionchange', topStalled: 'stalled', topSuspend: 'suspend', topTextInput: 'textInput', topTimeUpdate: 'timeupdate', topTouchCancel: 'touchcancel', topTouchEnd: 'touchend', topTouchMove: 'touchmove', topTouchStart: 'touchstart', topTransitionEnd: getVendorPrefixedEventName('transitionend') || 'transitionend', topVolumeChange: 'volumechange', topWaiting: 'waiting', topWheel: 'wheel' }; /** * To ensure no conflicts with other potential React instances on the page */ var topListenersIDKey = '_reactListenersID' + String(Math.random()).slice(2); function getListeningForDocument(mountAt) { // In IE8, `mountAt` is a host object and doesn't have `hasOwnProperty` // directly. if (!Object.prototype.hasOwnProperty.call(mountAt, topListenersIDKey)) { mountAt[topListenersIDKey] = reactTopListenersCounter++; alreadyListeningTo[mountAt[topListenersIDKey]] = {}; } return alreadyListeningTo[mountAt[topListenersIDKey]]; } /** * `ReactBrowserEventEmitter` is used to attach top-level event listeners. For * example: * * EventPluginHub.putListener('myID', 'onClick', myFunction); * * This would allocate a "registration" of `('onClick', myFunction)` on 'myID'. * * @internal */ var ReactBrowserEventEmitter = _assign({}, ReactEventEmitterMixin, { /** * Injectable event backend */ ReactEventListener: null, injection: { /** * @param {object} ReactEventListener */ injectReactEventListener: function(ReactEventListener) { ReactEventListener.setHandleTopLevel( ReactBrowserEventEmitter.handleTopLevel ); ReactBrowserEventEmitter.ReactEventListener = ReactEventListener; } }, /** * Sets whether or not any created callbacks should be enabled. * * @param {boolean} enabled True if callbacks should be enabled. */ setEnabled: function(enabled) { if (ReactBrowserEventEmitter.ReactEventListener) { ReactBrowserEventEmitter.ReactEventListener.setEnabled(enabled); } }, /** * @return {boolean} True if callbacks are enabled. */ isEnabled: function() { return !!(ReactBrowserEventEmitter.ReactEventListener && ReactBrowserEventEmitter.ReactEventListener.isEnabled()); }, /** * We listen for bubbled touch events on the document object. * * Firefox v8.01 (and possibly others) exhibited strange behavior when * mounting `onmousemove` events at some node that was not the document * element. The symptoms were that if your mouse is not moving over something * contained within that mount point (for example on the background) the * top-level listeners for `onmousemove` won't be called. However, if you * register the `mousemove` on the document object, then it will of course * catch all `mousemove`s. This along with iOS quirks, justifies restricting * top-level listeners to the document object only, at least for these * movement types of events and possibly all events. * * @see http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html * * Also, `keyup`/`keypress`/`keydown` do not bubble to the window on IE, but * they bubble to document. * * @param {string} registrationName Name of listener (e.g. `onClick`). * @param {object} contentDocumentHandle Document which owns the container */ listenTo: function(registrationName, contentDocumentHandle) { var mountAt = contentDocumentHandle; var isListening = getListeningForDocument(mountAt); var dependencies = EventPluginRegistry.registrationNameDependencies[registrationName]; for (var i = 0; i < dependencies.length; i++) { var dependency = dependencies[i]; if ( !(isListening.hasOwnProperty(dependency) && isListening[dependency]) ) { if (dependency === 'topWheel') { if (isEventSupported('wheel')) { ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( 'topWheel', 'wheel', mountAt ); } else if (isEventSupported('mousewheel')) { ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( 'topWheel', 'mousewheel', mountAt ); } else { // Firefox needs to capture a different mouse scroll event. // @see http://www.quirksmode.org/dom/events/tests/scroll.html ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( 'topWheel', 'DOMMouseScroll', mountAt ); } } else if (dependency === 'topScroll') { if (isEventSupported('scroll', true)) { ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent( 'topScroll', 'scroll', mountAt ); } else { ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( 'topScroll', 'scroll', ReactBrowserEventEmitter.ReactEventListener.WINDOW_HANDLE ); } } else if ( dependency === 'topFocus' || dependency === 'topBlur' ) { if (isEventSupported('focus', true)) { ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent( 'topFocus', 'focus', mountAt ); ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent( 'topBlur', 'blur', mountAt ); } else if (isEventSupported('focusin')) { // IE has `focusin` and `focusout` events which bubble. // @see http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( 'topFocus', 'focusin', mountAt ); ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( 'topBlur', 'focusout', mountAt ); } // to make sure blur and focus event listeners are only attached once isListening.topBlur = true; isListening.topFocus = true; } else if (topEventMapping.hasOwnProperty(dependency)) { ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( dependency, topEventMapping[dependency], mountAt ); } isListening[dependency] = true; } } }, trapBubbledEvent: function(topLevelType, handlerBaseName, handle) { return ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent( topLevelType, handlerBaseName, handle ); }, trapCapturedEvent: function(topLevelType, handlerBaseName, handle) { return ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent( topLevelType, handlerBaseName, handle ); }, /** * Protect against document.createEvent() returning null * Some popup blocker extensions appear to do this: * https://github.com/facebook/react/issues/6887 */ supportsEventPageXY: function() { if (!document.createEvent) { return false; } var ev = document.createEvent('MouseEvent'); return ev != null && 'pageX' in ev; }, /** * Listens to window scroll and resize events. We cache scroll values so that * application code can access them without triggering reflows. * * ViewportMetrics is only used by SyntheticMouse/TouchEvent and only when * pageX/pageY isn't supported (legacy browsers). * * NOTE: Scroll events do not bubble. * * @see http://www.quirksmode.org/dom/events/scroll.html */ ensureScrollValueMonitoring: function() { if (hasEventPageXY === undefined) { hasEventPageXY = ReactBrowserEventEmitter.supportsEventPageXY(); } if (!hasEventPageXY && !isMonitoringScrollValue) { var refresh = ViewportMetrics.refreshScrollValues; ReactBrowserEventEmitter.ReactEventListener.monitorScrollValue( refresh ); isMonitoringScrollValue = true; } } }); module.exports = ReactBrowserEventEmitter; /***/ }, /* 105 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var SyntheticUIEvent = __webpack_require__(76); var ViewportMetrics = __webpack_require__(280); var getEventModifierState = __webpack_require__(172); /** * @interface MouseEvent * @see http://www.w3.org/TR/DOM-Level-3-Events/ */ var MouseEventInterface = { screenX: null, screenY: null, clientX: null, clientY: null, ctrlKey: null, shiftKey: null, altKey: null, metaKey: null, getModifierState: getEventModifierState, button: function(event) { // Webkit, Firefox, IE9+ // which: 1 2 3 // button: 0 1 2 (standard) var button = event.button; if ('which' in event) { return button; } // IE<9 // which: undefined // button: 0 0 0 // button: 1 4 2 (onmouseup) return button === 2 ? 2 : button === 4 ? 1 : 0; }, buttons: null, relatedTarget: function(event) { return ( event.relatedTarget || (event.fromElement === event.srcElement ? event.toElement : event.fromElement) ); }, // "Proprietary" Interface. pageX: function(event) { return 'pageX' in event ? event.pageX : event.clientX + ViewportMetrics.currentScrollLeft; }, pageY: function(event) { return 'pageY' in event ? event.pageY : event.clientY + ViewportMetrics.currentScrollTop; } }; /** * @param {object} dispatchConfig Configuration used to dispatch this event. * @param {string} dispatchMarker Marker identifying the event target. * @param {object} nativeEvent Native browser event. * @extends {SyntheticUIEvent} */ function SyntheticMouseEvent( dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget ) { return SyntheticUIEvent.call( this, dispatchConfig, dispatchMarker, nativeEvent, nativeEventTarget ); } SyntheticUIEvent.augmentClass(SyntheticMouseEvent, MouseEventInterface); module.exports = SyntheticMouseEvent; /***/ }, /* 106 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * * */ var _prodInvariant = __webpack_require__(7); var invariant = __webpack_require__(2); var OBSERVED_ERROR = {}; /** * `Transaction` creates a black box that is able to wrap any method such that * certain invariants are maintained before and after the method is invoked * (Even if an exception is thrown while invoking the wrapped method). Whoever * instantiates a transaction can provide enforcers of the invariants at * creation time. The `Transaction` class itself will supply one additional * automatic invariant for you - the invariant that any transaction instance * should not be run while it is already being run. You would typically create a * single instance of a `Transaction` for reuse multiple times, that potentially * is used to wrap several different methods. Wrappers are extremely simple - * they only require implementing two methods. * *
 *                       wrappers (injected at creation time)
 *                                      +        +
 *                                      |        |
 *                    +-----------------|--------|--------------+
 *                    |                 v        |              |
 *                    |      +---------------+   |              |
 *                    |   +--|    wrapper1   |---|----+         |
 *                    |   |  +---------------+   v    |         |
 *                    |   |          +-------------+  |         |
 *                    |   |     +----|   wrapper2  |--------+   |
 *                    |   |     |    +-------------+  |     |   |
 *                    |   |     |                     |     |   |
 *                    |   v     v                     v     v   | wrapper
 *                    | +---+ +---+   +---------+   +---+ +---+ | invariants
 * perform(anyMethod) | |   | |   |   |         |   |   | |   | | maintained
 * +----------------->|-|---|-|---|-->|anyMethod|---|---|-|---|-|-------->
 *                    | |   | |   |   |         |   |   | |   | |
 *                    | |   | |   |   |         |   |   | |   | |
 *                    | |   | |   |   |         |   |   | |   | |
 *                    | +---+ +---+   +---------+   +---+ +---+ |
 *                    |  initialize                    close    |
 *                    +-----------------------------------------+
 * 
* * Use cases: * - Preserving the input selection ranges before/after reconciliation. * Restoring selection even in the event of an unexpected error. * - Deactivating events while rearranging the DOM, preventing blurs/focuses, * while guaranteeing that afterwards, the event system is reactivated. * - Flushing a queue of collected DOM mutations to the main UI thread after a * reconciliation takes place in a worker thread. * - Invoking any collected `componentDidUpdate` callbacks after rendering new * content. * - (Future use case): Wrapping particular flushes of the `ReactWorker` queue * to preserve the `scrollTop` (an automatic scroll aware DOM). * - (Future use case): Layout calculations before and after DOM updates. * * Transactional plugin API: * - A module that has an `initialize` method that returns any precomputation. * - and a `close` method that accepts the precomputation. `close` is invoked * when the wrapped process is completed, or has failed. * * @param {Array} transactionWrapper Wrapper modules * that implement `initialize` and `close`. * @return {Transaction} Single transaction for reuse in thread. * * @class Transaction */ var TransactionImpl = { /** * Sets up this instance so that it is prepared for collecting metrics. Does * so such that this setup method may be used on an instance that is already * initialized, in a way that does not consume additional memory upon reuse. * That can be useful if you decide to make your subclass of this mixin a * "PooledClass". */ reinitializeTransaction: function() { this.transactionWrappers = this.getTransactionWrappers(); if (this.wrapperInitData) { this.wrapperInitData.length = 0; } else { this.wrapperInitData = []; } this._isInTransaction = false; }, _isInTransaction: false, /** * @abstract * @return {Array} Array of transaction wrappers. */ getTransactionWrappers: null, isInTransaction: function() { return !!this._isInTransaction; }, /** * Executes the function within a safety window. Use this for the top level * methods that result in large amounts of computation/mutations that would * need to be safety checked. The optional arguments helps prevent the need * to bind in many cases. * * @param {function} method Member of scope to call. * @param {Object} scope Scope to invoke from. * @param {Object?=} a Argument to pass to the method. * @param {Object?=} b Argument to pass to the method. * @param {Object?=} c Argument to pass to the method. * @param {Object?=} d Argument to pass to the method. * @param {Object?=} e Argument to pass to the method. * @param {Object?=} f Argument to pass to the method. * * @return {*} Return value from `method`. */ perform: function(method, scope, a, b, c, d, e, f) { !!this.isInTransaction() ? false ? invariant( false, 'Transaction.perform(...): Cannot initialize a transaction when there is already an outstanding transaction.' ) : _prodInvariant('27') : void 0; var errorThrown; var ret; try { this._isInTransaction = true; // Catching errors makes debugging more difficult, so we start with // errorThrown set to true before setting it to false after calling // close -- if it's still set to true in the finally block, it means // one of these calls threw. errorThrown = true; this.initializeAll(0); ret = method.call(scope, a, b, c, d, e, f); errorThrown = false; } finally { try { if (errorThrown) { // If `method` throws, prefer to show that stack trace over any thrown // by invoking `closeAll`. try { this.closeAll(0); } catch (err) {} } else { // Since `method` didn't throw, we don't want to silence the exception // here. this.closeAll(0); } } finally { this._isInTransaction = false; } } return ret; }, initializeAll: function(startIndex) { var transactionWrappers = this.transactionWrappers; for (var i = startIndex; i < transactionWrappers.length; i++) { var wrapper = transactionWrappers[i]; try { // Catching errors makes debugging more difficult, so we start with the // OBSERVED_ERROR state before overwriting it with the real return value // of initialize -- if it's still set to OBSERVED_ERROR in the finally // block, it means wrapper.initialize threw. this.wrapperInitData[i] = OBSERVED_ERROR; this.wrapperInitData[i] = wrapper.initialize ? wrapper.initialize.call(this) : null; } finally { if (this.wrapperInitData[i] === OBSERVED_ERROR) { // The initializer for wrapper i threw an error; initialize the // remaining wrappers but silence any exceptions from them to ensure // that the first error is the one to bubble up. try { this.initializeAll(i + 1); } catch (err) {} } } } }, /** * Invokes each of `this.transactionWrappers.close[i]` functions, passing into * them the respective return values of `this.transactionWrappers.init[i]` * (`close`rs that correspond to initializers that failed will not be * invoked). */ closeAll: function(startIndex) { !this.isInTransaction() ? false ? invariant( false, 'Transaction.closeAll(): Cannot close transaction when none are open.' ) : _prodInvariant('28') : void 0; var transactionWrappers = this.transactionWrappers; for (var i = startIndex; i < transactionWrappers.length; i++) { var wrapper = transactionWrappers[i]; var initData = this.wrapperInitData[i]; var errorThrown; try { // Catching errors makes debugging more difficult, so we start with // errorThrown set to true before setting it to false after calling // close -- if it's still set to true in the finally block, it means // wrapper.close threw. errorThrown = true; if (initData !== OBSERVED_ERROR && wrapper.close) { wrapper.close.call(this, initData); } errorThrown = false; } finally { if (errorThrown) { // The closer for wrapper i threw an error; close the remaining // wrappers but silence any exceptions from them to ensure that the // first error is the one to bubble up. try { this.closeAll(i + 1); } catch (e) {} } } } this.wrapperInitData.length = 0; } }; module.exports = TransactionImpl; /***/ }, /* 107 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2016-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. * * Based on the escape-html library, which is used under the MIT License below: * * Copyright (c) 2012-2013 TJ Holowaychuk * Copyright (c) 2015 Andreas Lubbe * Copyright (c) 2015 Tiancheng "Timothy" Gu * * Permission is hereby granted, free of charge, to any person obtaining * a copy of this software and associated documentation files (the * 'Software'), to deal in the Software without restriction, including * without limitation the rights to use, copy, modify, merge, publish, * distribute, sublicense, and/or sell copies of the Software, and to * permit persons to whom the Software is furnished to do so, subject to * the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * */ // code copied and modified from escape-html /** * Module variables. * @private */ var matchHtmlRegExp = /["'&<>]/; /** * Escape special characters in the given string of html. * * @param {string} string The string to escape for inserting into HTML * @return {string} * @public */ function escapeHtml(string) { var str = '' + string; var match = matchHtmlRegExp.exec(str); if (!match) { return str; } var escape; var html = ''; var index = 0; var lastIndex = 0; for (index = match.index; index < str.length; index++) { switch (str.charCodeAt(index)) { case 34: // " escape = '"'; break; case 38: // & escape = '&'; break; case 39: // ' escape = '''; // modified from escape-html; used to be ''' break; case 60: // < escape = '<'; break; case 62: // > escape = '>'; break; default: continue; } if (lastIndex !== index) { html += str.substring(lastIndex, index); } lastIndex = index + 1; html += escape; } return lastIndex !== index ? html + str.substring(lastIndex, index) : html; } // end code copied and modified from escape-html /** * Escapes text to prevent scripting attacks. * * @param {*} text Text value to escape. * @return {string} An escaped string. */ function escapeTextContentForBrowser(text) { if (typeof text === 'boolean' || typeof text === 'number') { // this shortcircuit helps perf for types that we know will never have // special characters, especially given that this function is used often // for numeric dom ids. return '' + text; } return escapeHtml(text); } module.exports = escapeTextContentForBrowser; /***/ }, /* 108 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var ExecutionEnvironment = __webpack_require__(15); var DOMNamespaces = __webpack_require__(162); var WHITESPACE_TEST = /^[ \r\n\t\f]/; var NONVISIBLE_TEST = /<(!--|link|noscript|meta|script|style)[ \r\n\t\f\/>]/; var createMicrosoftUnsafeLocalFunction = __webpack_require__(170); // SVG temp container for IE lacking innerHTML var reusableSVGContainer; /** * Set the innerHTML property of a node, ensuring that whitespace is preserved * even in IE8. * * @param {DOMElement} node * @param {string} html * @internal */ var setInnerHTML = createMicrosoftUnsafeLocalFunction(function( node, html ) { // IE does not have innerHTML for SVG nodes, so instead we inject the // new markup in a temp node and then move the child nodes across into // the target node if (node.namespaceURI === DOMNamespaces.svg && !('innerHTML' in node)) { reusableSVGContainer = reusableSVGContainer || document.createElement('div'); reusableSVGContainer.innerHTML = '' + html + ''; var svgNode = reusableSVGContainer.firstChild; while (svgNode.firstChild) { node.appendChild(svgNode.firstChild); } } else { node.innerHTML = html; } }); if (ExecutionEnvironment.canUseDOM) { // IE8: When updating a just created node with innerHTML only leading // whitespace is removed. When updating an existing node with innerHTML // whitespace in root TextNodes is also collapsed. // @see quirksmode.org/bugreports/archives/2004/11/innerhtml_and_t.html // Feature detection; only IE8 is known to behave improperly like this. var testElement = document.createElement('div'); testElement.innerHTML = ' '; if (testElement.innerHTML === '') { setInnerHTML = function(node, html) { // Magic theory: IE8 supposedly differentiates between added and updated // nodes when processing innerHTML, innerHTML on updated nodes suffers // from worse whitespace behavior. Re-adding a node like this triggers // the initial and more favorable whitespace behavior. // TODO: What to do on a detached node? if (node.parentNode) { node.parentNode.replaceChild(node, node); } // We also implement a workaround for non-visible tags disappearing into // thin air on IE8, this only happens if there is no visible text // in-front of the non-visible tags. Piggyback on the whitespace fix // and simply check if any non-visible tags appear in the source. if ( WHITESPACE_TEST.test(html) || (html[0] === '<' && NONVISIBLE_TEST.test(html)) ) { // Recover leading whitespace by temporarily prepending any character. // \uFEFF has the potential advantage of being zero-width/invisible. // UglifyJS drops U+FEFF chars when parsing, so use String.fromCharCode // in hopes that this is preserved even if "\uFEFF" is transformed to // the actual Unicode character (by Babel, for example). // https://github.com/mishoo/UglifyJS2/blob/v2.4.20/lib/parse.js#L216 node.innerHTML = String.fromCharCode(0xfeff) + html; // deleteData leaves an empty `TextNode` which offsets the index of all // children. Definitely want to avoid this. var textNode = node.firstChild; if (textNode.data.length === 1) { node.removeChild(textNode); } else { textNode.deleteData(0, 1); } } else { node.innerHTML = html; } }; } testElement = null; } module.exports = setInnerHTML; /***/ }, /* 109 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _LinkRenderer = __webpack_require__(821); Object.defineProperty(exports, 'default', { enumerable: true, get: function get() { return _interopRequireDefault(_LinkRenderer).default; } }); Object.defineProperty(exports, 'styles', { enumerable: true, get: function get() { return _LinkRenderer.styles; } }); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /***/ }, /* 110 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; /* harmony export (immutable) */ __webpack_exports__['a'] = formatName; function formatName(context, name) { var sectionPrefix = context._reduxForm.sectionPrefix; return !sectionPrefix ? name : sectionPrefix + '.' + name; } /***/ }, /* 111 */ /***/ function(module, exports) { module.exports = function(module) { if (!module.webpackPolyfill) { module.deprecate = function() {}; module.paths = []; // module.parent = undefined by default if (!module.children) module.children = []; Object.defineProperty(module, 'loaded', { enumerable: true, get: function() { return module.l; } }); Object.defineProperty(module, 'id', { enumerable: true, get: function() { return module.i; } }); module.webpackPolyfill = 1; } return module; }; /***/ }, /* 112 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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 makeEmptyFunction(arg) { return function() { return arg; }; } /** * This function accepts and discards inputs; it has no side effects. This is * primarily useful idiomatically for overridable function endpoints which * always need to be callable, since JS lacks a null-call idiom ala Cocoa. */ var emptyFunction = function emptyFunction() {}; emptyFunction.thatReturns = makeEmptyFunction; emptyFunction.thatReturnsFalse = makeEmptyFunction(false); emptyFunction.thatReturnsTrue = makeEmptyFunction(true); emptyFunction.thatReturnsNull = makeEmptyFunction(null); emptyFunction.thatReturnsThis = function() { return this; }; emptyFunction.thatReturnsArgument = function(arg) { return arg; }; module.exports = emptyFunction; /***/ }, /* 113 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var emptyObject = {}; if (false) { Object.freeze(emptyObject); } module.exports = emptyObject; /***/ }, /* 114 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _prodInvariant = __webpack_require__(64); var ReactNoopUpdateQueue = __webpack_require__(115); var canDefineProperty = __webpack_require__(197); var emptyObject = __webpack_require__(113); var invariant = __webpack_require__(47); var warning = __webpack_require__(38); /** * Base class helpers for the updating state of a component. */ function ReactComponent(props, context, updater) { this.props = props; this.context = context; this.refs = emptyObject; // We initialize the default updater but the real one gets injected by the // renderer. this.updater = updater || ReactNoopUpdateQueue; } ReactComponent.prototype.isReactComponent = {}; /** * Sets a subset of the state. Always use this to mutate * state. You should treat `this.state` as immutable. * * There is no guarantee that `this.state` will be immediately updated, so * accessing `this.state` after calling this method may return the old value. * * There is no guarantee that calls to `setState` will run synchronously, * as they may eventually be batched together. You can provide an optional * callback that will be executed when the call to setState is actually * completed. * * When a function is provided to setState, it will be called at some point in * the future (not synchronously). It will be called with the up to date * component arguments (state, props, context). These values can be different * from this.* because your function may be called after receiveProps but before * shouldComponentUpdate, and this new state, props, and context will not yet be * assigned to this. * * @param {object|function} partialState Next partial state or function to * produce next partial state to be merged with current state. * @param {?function} callback Called after state is updated. * @final * @protected */ ReactComponent.prototype.setState = function(partialState, callback) { !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? false ? invariant( false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.' ) : _prodInvariant('85') : void 0; this.updater.enqueueSetState(this, partialState); if (callback) { this.updater.enqueueCallback(this, callback, 'setState'); } }; /** * Forces an update. This should only be invoked when it is known with * certainty that we are **not** in a DOM transaction. * * You may want to call this when you know that some deeper aspect of the * component's state has changed but `setState` was not called. * * This will not invoke `shouldComponentUpdate`, but it will invoke * `componentWillUpdate` and `componentDidUpdate`. * * @param {?function} callback Called after update is complete. * @final * @protected */ ReactComponent.prototype.forceUpdate = function(callback) { this.updater.enqueueForceUpdate(this); if (callback) { this.updater.enqueueCallback(this, callback, 'forceUpdate'); } }; /** * Deprecated APIs. These APIs used to exist on classic React classes but since * we would like to deprecate them, we're not going to move them over to this * modern base class. Instead, we define a getter that warns if it's accessed. */ if (false) { var deprecatedAPIs = { isMounted: [ 'isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.' ], replaceState: [ 'replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).' ] }; var defineDeprecationWarning = function(methodName, info) { if (canDefineProperty) { Object.defineProperty(ReactComponent.prototype, methodName, { get: function() { process.env.NODE_ENV !== 'production' ? warning( false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1] ) : void 0; return undefined; } }); } }; for (var fnName in deprecatedAPIs) { if (deprecatedAPIs.hasOwnProperty(fnName)) { defineDeprecationWarning(fnName, deprecatedAPIs[fnName]); } } } module.exports = ReactComponent; /***/ }, /* 115 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2015-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. * */ var warning = __webpack_require__(38); function warnNoop(publicInstance, callerName) { if (false) { var constructor = publicInstance.constructor; process.env.NODE_ENV !== 'production' ? warning( false, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, (constructor && (constructor.displayName || constructor.name)) || 'ReactClass' ) : void 0; } } /** * This is the abstract API for an update queue. */ var ReactNoopUpdateQueue = { /** * Checks whether or not this composite component is mounted. * @param {ReactClass} publicInstance The instance we want to test. * @return {boolean} True if mounted, false otherwise. * @protected * @final */ isMounted: function(publicInstance) { return false; }, /** * Enqueue a callback that will be executed after all the pending updates * have processed. * * @param {ReactClass} publicInstance The instance to use as `this` context. * @param {?function} callback Called after state is updated. * @internal */ enqueueCallback: function(publicInstance, callback) {}, /** * Forces an update. This should only be invoked when it is known with * certainty that we are **not** in a DOM transaction. * * You may want to call this when you know that some deeper aspect of the * component's state has changed but `setState` was not called. * * This will not invoke `shouldComponentUpdate`, but it will invoke * `componentWillUpdate` and `componentDidUpdate`. * * @param {ReactClass} publicInstance The instance that should rerender. * @internal */ enqueueForceUpdate: function(publicInstance) { warnNoop(publicInstance, 'forceUpdate'); }, /** * Replaces all of the state. Always use this or `setState` to mutate state. * You should treat `this.state` as immutable. * * There is no guarantee that `this.state` will be immediately updated, so * accessing `this.state` after calling this method may return the old value. * * @param {ReactClass} publicInstance The instance that should rerender. * @param {object} completeState Next state. * @internal */ enqueueReplaceState: function(publicInstance, completeState) { warnNoop(publicInstance, 'replaceState'); }, /** * Sets a subset of the state. This only exists because _pendingState is * internal. This provides a merging strategy that is not available to deep * properties which is confusing. TODO: Expose pendingState or don't use it * during the merge. * * @param {ReactClass} publicInstance The instance that should rerender. * @param {object} partialState Next partial state to be merged with state. * @internal */ enqueueSetState: function(publicInstance, partialState) { warnNoop(publicInstance, 'setState'); } }; module.exports = ReactNoopUpdateQueue; /***/ }, /* 116 */ /***/ function(module, exports, __webpack_require__) { const randomNatural = __webpack_require__(361); // From https://github.com/styled-components/styled-components/blob/065001c725744629c7870240e4a955b924ef5337/src/utils/generateAlphabeticName.js const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'.split( '' ); const rndId = _code => { const code = _code ? _code : randomNatural({ min: 1000000000 }); const lastDigit = chars[code % chars.length]; return code > chars.length ? `${rndId(Math.floor(code / chars.length))}${lastDigit}` : lastDigit; }; module.exports = rndId; /***/ }, /* 117 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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 makeEmptyFunction(arg) { return function() { return arg; }; } /** * This function accepts and discards inputs; it has no side effects. This is * primarily useful idiomatically for overridable function endpoints which * always need to be callable, since JS lacks a null-call idiom ala Cocoa. */ var emptyFunction = function emptyFunction() {}; emptyFunction.thatReturns = makeEmptyFunction; emptyFunction.thatReturnsFalse = makeEmptyFunction(false); emptyFunction.thatReturnsTrue = makeEmptyFunction(true); emptyFunction.thatReturnsNull = makeEmptyFunction(null); emptyFunction.thatReturnsThis = function() { return this; }; emptyFunction.thatReturnsArgument = function(arg) { return arg; }; module.exports = emptyFunction; /***/ }, /* 118 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var emptyObject = {}; if (false) { Object.freeze(emptyObject); } module.exports = emptyObject; /***/ }, /* 119 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * 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. * */ var _prodInvariant = __webpack_require__(65); var ReactNoopUpdateQueue = __webpack_require__(120); var canDefineProperty = __webpack_require__(201); var emptyObject = __webpack_require__(118); var invariant = __webpack_require__(49); var warning = __webpack_require__(39); /** * Base class helpers for the updating state of a component. */ function ReactComponent(props, context, updater) { this.props = props; this.context = context; this.refs = emptyObject; // We initialize the default updater but the real one gets injected by the // renderer. this.updater = updater || ReactNoopUpdateQueue; } ReactComponent.prototype.isReactComponent = {}; /** * Sets a subset of the state. Always use this to mutate * state. You should treat `this.state` as immutable. * * There is no guarantee that `this.state` will be immediately updated, so * accessing `this.state` after calling this method may return the old value. * * There is no guarantee that calls to `setState` will run synchronously, * as they may eventually be batched together. You can provide an optional * callback that will be executed when the call to setState is actually * completed. * * When a function is provided to setState, it will be called at some point in * the future (not synchronously). It will be called with the up to date * component arguments (state, props, context). These values can be different * from this.* because your function may be called after receiveProps but before * shouldComponentUpdate, and this new state, props, and context will not yet be * assigned to this. * * @param {object|function} partialState Next partial state or function to * produce next partial state to be merged with current state. * @param {?function} callback Called after state is updated. * @final * @protected */ ReactComponent.prototype.setState = function(partialState, callback) { !(typeof partialState === 'object' || typeof partialState === 'function' || partialState == null) ? false ? invariant( false, 'setState(...): takes an object of state variables to update or a function which returns an object of state variables.' ) : _prodInvariant('85') : void 0; this.updater.enqueueSetState(this, partialState); if (callback) { this.updater.enqueueCallback(this, callback, 'setState'); } }; /** * Forces an update. This should only be invoked when it is known with * certainty that we are **not** in a DOM transaction. * * You may want to call this when you know that some deeper aspect of the * component's state has changed but `setState` was not called. * * This will not invoke `shouldComponentUpdate`, but it will invoke * `componentWillUpdate` and `componentDidUpdate`. * * @param {?function} callback Called after update is complete. * @final * @protected */ ReactComponent.prototype.forceUpdate = function(callback) { this.updater.enqueueForceUpdate(this); if (callback) { this.updater.enqueueCallback(this, callback, 'forceUpdate'); } }; /** * Deprecated APIs. These APIs used to exist on classic React classes but since * we would like to deprecate them, we're not going to move them over to this * modern base class. Instead, we define a getter that warns if it's accessed. */ if (false) { var deprecatedAPIs = { isMounted: [ 'isMounted', 'Instead, make sure to clean up subscriptions and pending requests in ' + 'componentWillUnmount to prevent memory leaks.' ], replaceState: [ 'replaceState', 'Refactor your code to use setState instead (see ' + 'https://github.com/facebook/react/issues/3236).' ] }; var defineDeprecationWarning = function(methodName, info) { if (canDefineProperty) { Object.defineProperty(ReactComponent.prototype, methodName, { get: function() { process.env.NODE_ENV !== 'production' ? warning( false, '%s(...) is deprecated in plain JavaScript React classes. %s', info[0], info[1] ) : void 0; return undefined; } }); } }; for (var fnName in deprecatedAPIs) { if (deprecatedAPIs.hasOwnProperty(fnName)) { defineDeprecationWarning(fnName, deprecatedAPIs[fnName]); } } } module.exports = ReactComponent; /***/ }, /* 120 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; /** * Copyright 2015-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. * */ var warning = __webpack_require__(39); function warnNoop(publicInstance, callerName) { if (false) { var constructor = publicInstance.constructor; process.env.NODE_ENV !== 'production' ? warning( false, '%s(...): Can only update a mounted or mounting component. ' + 'This usually means you called %s() on an unmounted component. ' + 'This is a no-op. Please check the code for the %s component.', callerName, callerName, (constructor && (constructor.displayName || constructor.name)) || 'ReactClass' ) : void 0; } } /** * This is the abstract API for an update queue. */ var ReactNoopUpdateQueue = { /** * Checks whether or not this composite component is mounted. * @param {ReactClass} publicInstance The instance we want to test. * @return {boolean} True if mounted, false otherwise. * @protected * @final */ isMounted: function(publicInstance) { return false; }, /** * Enqueue a callback that will be executed after all the pending updates * have processed. * * @param {ReactClass} publicInstance The instance to use as `this` context. * @param {?function} callback Called after state is updated. * @internal */ enqueueCallback: function(publicInstance, callback) {}, /** * Forces an update. This should only be invoked when it is known with * certainty that we are **not** in a DOM transaction. * * You may want to call this when you know that some deeper aspect of the * component's state has changed but `setState` was not called. * * This will not invoke `shouldComponentUpdate`, but it will invoke * `componentWillUpdate` and `componentDidUpdate`. * * @param {ReactClass} publicInstance The instance that should rerender. * @internal */ enqueueForceUpdate: function(publicInstance) { warnNoop(publicInstance, 'forceUpdate'); }, /** * Replaces all of the state. Always use this or `setState` to mutate state. * You should treat `this.state` as immutable. * * There is no guarantee that `this.state` will be immediately updated, so * accessing `this.state` after calling this method may return the old value. * * @param {ReactClass} publicInstance The instance that should rerender. * @param {object} completeState Next state. * @internal */ enqueueReplaceState: function(publicInstance, completeState) { warnNoop(publicInstance, 'replaceState'); }, /** * Sets a subset of the state. This only exists because _pendingState is * internal. This provides a merging strategy that is not available to deep * properties which is confusing. TODO: Expose pendingState or don't use it * during the merge. * * @param {ReactClass} publicInstance The instance that should rerender. * @param {object} partialState Next partial state to be merged with state. * @internal */ enqueueSetState: function(publicInstance, partialState) { warnNoop(publicInstance, 'setState'); } }; module.exports = ReactNoopUpdateQueue; /***/ }, /* 121 */ /***/ function(module, __webpack_exports__, __webpack_require__) { 'use strict'; Object.defineProperty(__webpack_exports__, '__esModule', { value: true }); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__( 0 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_0_react__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_remcalc__ = __webpack_require__( 8 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_remcalc___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_1_remcalc__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__( 1 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types___default = __webpack_require__.n( __WEBPACK_IMPORTED_MODULE_2_prop_types__ ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_styled_is__ = __webpack_require__( 12 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_styled_components__ = __webpack_require__( 3 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_normalized_styled_components__ = __webpack_require__( 26 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_router_dom__ = __webpack_require__( 295 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__boxes__ = __webpack_require__( 51 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__paper_effect__ = __webpack_require__( 209 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__typography__ = __webpack_require__( 13 ); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__baseline__ = __webpack_require__( 4 ); var _templateObject = _taggedTemplateLiteral( [ '\n color: ', ';\n background-color: ', ';\n border-color: ', ';\n\n &:focus {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:hover {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:active,\n &:active:hover,\n &:active:focus {\n background-color: ', ';\n border-color: ', ';\n }\n ' ], [ '\n color: ', ';\n background-color: ', ';\n border-color: ', ';\n\n &:focus {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:hover {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:active,\n &:active:hover,\n &:active:focus {\n background-color: ', ';\n border-color: ', ';\n }\n ' ] ), _templateObject2 = _taggedTemplateLiteral( [ '\n color: ', ';\n background-color: ', ';\n border-color: ', ';\n box-shadow: ', ';\n\n &:focus {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:hover {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:active,\n &:active:hover,\n &:active:focus {\n background-color: ', ';\n border-color: ', ';\n box-shadow: ', ';\n }\n ' ], [ '\n color: ', ';\n background-color: ', ';\n border-color: ', ';\n box-shadow: ', ';\n\n &:focus {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:hover {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:active,\n &:active:hover,\n &:active:focus {\n background-color: ', ';\n border-color: ', ';\n box-shadow: ', ';\n }\n ' ] ), _templateObject3 = _taggedTemplateLiteral( [ '\n color: ', ';\n background-color: ', ';\n border-color: ', ';\n box-shadow: ', ';\n\n &:focus {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:hover {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:active,\n &:active:hover,\n &:active:focus {\n background-color: ', ';\n border-color: ', ';\n }\n ' ], [ '\n color: ', ';\n background-color: ', ';\n border-color: ', ';\n box-shadow: ', ';\n\n &:focus {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:hover {\n background-color: ', ';\n border-color: ', ';\n }\n\n &:active,\n &:active:hover,\n &:active:focus {\n background-color: ', ';\n border-color: ', ';\n }\n ' ] ), _templateObject4 = _taggedTemplateLiteral( ['\n border-radius: 0;\n '], ['\n border-radius: 0;\n '] ), _templateObject5 = _taggedTemplateLiteral( [ '\n min-width: ', ';\n ', '\n\n & + button {\n margin-left: ', ';\n }\n' ], [ '\n min-width: ', ';\n ', '\n\n & + button {\n margin-left: ', ';\n }\n' ] ), _templateObject6 = _taggedTemplateLiteral( ['\n display: inline-block;\n ', '\n'], ['\n display: inline-block;\n ', '\n'] ); function _taggedTemplateLiteral(strings, raw) { return Object.freeze( Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }) ); } // Based on bootstrap 4 var style = __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_4_styled_components__['b' /* css */] )( [ 'box-sizing: border-box;display: inline-block;justify-content: center;align-items: center;margin: 0;padding: ', ' ', ';position: relative;', ';', ';font-size: ', ';text-align: center;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-decoration: none;white-space: nowrap;vertical-align: middle;touch-action: manipulation;cursor: pointer;color: ', ';background-image: none;background-color: ', ';border-radius: ', ';border: solid ', ' ', ';box-shadow: ', ';&:focus {outline: 0;text-decoration: none;background-color: ', ';border-color: ', ';}&:hover {background-color: ', ';border: solid ', ' ', ';}&:active,&:active:hover,&:active:focus {background-image: none;outline: 0;background-color: ', ';border-color: ', ';}&[disabled] {cursor: not-allowed;box-shadow: none;pointer-events: none;}', '', '', '', '' ], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(15), __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(18), __WEBPACK_IMPORTED_MODULE_9__typography__['a' /* default */].fontFamily, __WEBPACK_IMPORTED_MODULE_9__typography__['a' /* default */].normal, __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(15), function(props) { return props.theme.white; }, function(props) { return props.theme.primary; }, __WEBPACK_IMPORTED_MODULE_7__boxes__['c' /* borderRadius */], __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1), function(props) { return props.theme.primaryDesaturated; }, __WEBPACK_IMPORTED_MODULE_7__boxes__['a' /* bottomShaddow */], function(props) { return props.theme.primary; }, function(props) { return props.theme.primaryDesaturated; }, function(props) { return props.theme.primaryHover; }, __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(1), function(props) { return props.theme.primaryDark; }, function(props) { return props.theme.primaryActive; }, function(props) { return props.theme.primaryDesaturatedActive; }, __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_3_styled_is__['a' /* default */] )('secondary')( _templateObject, function(props) { return props.theme.secondary; }, function(props) { return props.theme.white; }, function(props) { return props.theme.grey; }, function(props) { return props.theme.white; }, function(props) { return props.theme.grey; }, function(props) { return props.theme.whiteHover; }, function(props) { return props.theme.grey; }, function(props) { return props.theme.whiteActive; }, function(props) { return props.theme.grey; } ), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_3_styled_is__['a' /* default */] )('tertiary')( _templateObject2, function(props) { return props.theme.secondary; }, function(props) { return props.theme.white; }, function(props) { return props.theme.grey; }, __WEBPACK_IMPORTED_MODULE_8__paper_effect__['a' /* default */], function(props) { return props.theme.white; }, function(props) { return props.theme.grey; }, function(props) { return props.theme.whiteHover; }, function(props) { return props.theme.grey; }, function(props) { return props.theme.whiteActive; }, function(props) { return props.theme.grey; }, __WEBPACK_IMPORTED_MODULE_7__boxes__['a' /* bottomShaddow */] ), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_3_styled_is__['a' /* default */] )('disabled')( _templateObject3, function(props) { return props.theme.grey; }, function(props) { return props.theme.disabled; }, function(props) { return props.theme.grey; }, __WEBPACK_IMPORTED_MODULE_7__boxes__['a' /* bottomShaddow */], function(props) { return props.theme.disabled; }, function(props) { return props.theme.grey; }, function(props) { return props.theme.disabled; }, function(props) { return props.theme.disabled; }, function(props) { return props.theme.disabled; }, function(props) { return props.theme.disabled; } ), __webpack_require__.i( __WEBPACK_IMPORTED_MODULE_3_styled_is__['c' /* isOr */] )('rect', 'tertiary')(_templateObject4) ); var StyledButton = __WEBPACK_IMPORTED_MODULE_5_normalized_styled_components__[ 'g' /* Button */ ].extend( _templateObject5, __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(120), style, __WEBPACK_IMPORTED_MODULE_1_remcalc___default()(20) ); var StyledAnchor = __WEBPACK_IMPORTED_MODULE_5_normalized_styled_components__[ 'h' /* A */ ].extend(_templateObject6, style); var StyledLink = __webpack_require__ .i(__WEBPACK_IMPORTED_MODULE_4_styled_components__['a' /* default */])( __WEBPACK_IMPORTED_MODULE_6_react_router_dom__['a' /* Link */] ) .withConfig({ displayName: 'button__StyledLink' })(['display: inline-block;', ''], style); /** * @example ./usage.md */ var Button = function Button(props) { var _props$href = props.href, href = _props$href === undefined ? '' : _props$href, _props$to = props.to, to = _props$to === undefined ? '' : _props$to; var Views = [ function() { return to ? StyledLink : null; }, function() { return href ? StyledAnchor : null; }, function() { return StyledButton; } ]; var View = Views.reduce(function(sel, view) { return sel ? sel : view(); }, null); return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( View, props, props.children ); }; Button.propTypes = { /** * The `