diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..c30d4006 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +example +docs +node_modules +src diff --git a/dist/example.js b/dist/example.js index d2ee68ab..7d227051 100644 --- a/dist/example.js +++ b/dist/example.js @@ -46,77 +46,356 @@ 'use strict'; - var _inherits = __webpack_require__(1)['default']; + var _get = __webpack_require__(1)['default']; - var _createClass = __webpack_require__(6)['default']; + var _inherits = __webpack_require__(15)['default']; - var _classCallCheck = __webpack_require__(9)['default']; + var _createClass = __webpack_require__(26)['default']; - var _extends = __webpack_require__(10)['default']; + var _classCallCheck = __webpack_require__(29)['default']; - var _interopRequireDefault = __webpack_require__(17)['default']; + var _interopRequireDefault = __webpack_require__(30)['default']; - var _react = __webpack_require__(18); + var _distReactNativeWeb = __webpack_require__(31); - var _react2 = _interopRequireDefault(_react); + var _distReactNativeWeb2 = _interopRequireDefault(_distReactNativeWeb); - var _ = __webpack_require__(174); + var Component = _distReactNativeWeb2['default'].Component; + var PropTypes = _distReactNativeWeb2['default'].PropTypes; + + var Heading = (function (_Component) { + _inherits(Heading, _Component); + + function Heading() { + _classCallCheck(this, Heading); + + _get(Object.getPrototypeOf(Heading.prototype), 'constructor', this).apply(this, arguments); + } + + _createClass(Heading, [{ + key: 'render', + value: function render() { + var _props = this.props; + var children = _props.children; + var level = _props.level; + var size = _props.size; + + return _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.Text, { + children: children, + component: 'h' + level, + style: headingStyles.size[size] + }); + } + }], [{ + key: 'propTypes', + value: { + children: _distReactNativeWeb.Text.propTypes.children, + level: PropTypes.oneOf(['1', '2', '3']), + size: PropTypes.oneOf(['xlarge', 'large', 'normal']) + }, + enumerable: true + }, { + key: 'defaultProps', + value: { + level: '1', + size: 'normal' + }, + enumerable: true + }]); + + return Heading; + })(Component); + + var headingStyles = { + size: { + xlarge: { + fontSize: '2rem', + marginBottom: '1em' + }, + large: { + fontSize: '1.5rem', + marginBottom: '1em', + marginTop: '1em' + }, + normal: { + fontSize: '1.25rem', + marginBottom: '0.5em', + marginTop: '0.5em' + } + } + }; + + var Example = (function (_Component2) { + _inherits(Example, _Component2); - var Example = (function (_React$Component) { function Example() { _classCallCheck(this, Example); - if (_React$Component != null) { - _React$Component.apply(this, arguments); - } + _get(Object.getPrototypeOf(Example.prototype), 'constructor', this).apply(this, arguments); } - _inherits(Example, _React$Component); - _createClass(Example, [{ key: 'render', value: function render() { - return _react2['default'].createElement( - _.View, - { style: style.root }, - [1, 2, 3, 4, 5, 6].map(function (item) { - return _react2['default'].createElement( - _.View, - { style: _extends({}, style.box, item === 6 && style.boxFull) }, - _react2['default'].createElement( - _.Text, - { style: { fontSize: '2rem' } }, - item + return _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + { style: styles.root }, + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '1', size: 'xlarge' }, + 'React Native for Web: examples' + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '2', size: 'large' }, + 'Image' + ), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.Image, { + accessibilityLabel: 'accessible image', + children: _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Text, + null, + 'Inner content' + ), + defaultSource: { + uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAIAAAAP3aGbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wkGESkdPWMDggAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAD5UlEQVR42u3UMQ0AAAgEMcC/x7eCCgaSVsIN10kK4IORADAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAswLAkAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAADAvAsADDAjAsAMMCDAvAsAAMCzAsAMMCMCzAsAAMC8CwAMMCMCzAsAAMC8CwAMMCMCwAwwIMC8CwAAwLMCwAwwIwLMCwAAwLwLAAwwIwLADDAgwLwLAADAswLADDAjAswLAALi04UQW9HF910gAAAABJRU5ErkJggg==' + }, + onError: function (e) { + console.log('Image.onError', e); + }, + onLoad: function (e) { + console.log('Image.onLoad', e); + }, + onLoadEnd: function () { + console.log('Image.onLoadEnd'); + }, + onLoadStart: function () { + console.log('Image.onLoadStart'); + }, + resizeMode: 'contain', + source: { + height: 400, + uri: 'http://facebook.github.io/react/img/logo_og.png', + width: 400 + }, + style: { + borderWidth: '5px' + }, + testID: 'Example.image' + }), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '2', size: 'large' }, + 'Swipeable' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Swipeable, + { + onSwiped: function (e) { + console.log('Swipeable.onSwiped', e); + }, + testID: 'Example.swipeable' + }, + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.View, { + style: { + backgroundColor: 'black', + alignSelf: 'center', + width: '200px', + height: '200px' + } + }) + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '2', size: 'large' }, + 'Text' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Text, + { + onPress: function (e) { + console.log('Text.onPress', e); + }, + testID: 'Example.text' + }, + 'PRESS ME. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel lectus urna. Aliquam vitae justo porttitor, aliquam erat nec, venenatis diam. Vivamus facilisis augue non urna mattis ultricies. Suspendisse et vulputate enim, a maximus nulla. Vivamus imperdiet hendrerit consequat. Aliquam lorem quam, elementum eget ex nec, ultrices porttitor nibh. Nulla pellentesque urna leo, a aliquet elit rhoncus a. Aenean ultricies, nunc a interdum dictum, dui odio scelerisque mauris, a fringilla elit ligula vel sem. Sed vel aliquet ipsum, sed rhoncus velit. Vivamus commodo pretium libero id placerat.' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Text, + { numberOfLines: 1 }, + 'TRUNCATED after 1 line. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel lectus urna. Aliquam vitae justo porttitor, aliquam erat nec, venenatis diam. Vivamus facilisis augue non urna mattis ultricies. Suspendisse et vulputate enim, a maximus nulla. Vivamus imperdiet hendrerit consequat.' + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '2', size: 'large' }, + 'TextInput' + ), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { + keyboardType: 'default', + onBlur: function (e) { + console.log('TextInput.onBlur', e); + }, + onChange: function (e) { + console.log('TextInput.onChange', e); + }, + onChangeText: function (e) { + console.log('TextInput.onChangeText', e); + }, + onFocus: function (e) { + console.log('TextInput.onFocus', e); + } + }), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { secureTextEntry: true }), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { keyboardType: 'numeric' }), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { keyboardType: 'tel' }), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { keyboardType: 'url' }), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { keyboardType: 'search' }), + _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.TextInput, { defaultValue: 'default value', multiline: true }), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '2', size: 'large' }, + 'Touchable' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Touchable, + { + activeHighlight: 'lightblue', + activeOpacity: 0.8, + onLongPress: function (e) { + console.log('Touchable.onLongPress', e); + }, + onPress: function (e) { + console.log('Touchable.onPress', e); + }, + onPressIn: function (e) { + console.log('Touchable.onPressIn', e); + }, + onPressOut: function (e) { + console.log('Touchable.onPressOut', e); + } + }, + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + { style: styles.touchableArea }, + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Text, + null, + 'Touchable area (press, long press)' ) - ); - }) + ) + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '2', size: 'large' }, + 'View' + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '3' }, + 'Default layout' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + null, + [1, 2, 3, 4, 5, 6].map(function (item, i) { + return _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + { key: i, style: styles.box }, + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Text, + null, + item + ) + ); + }) + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '3' }, + 'Row layout' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + { style: styles.row }, + [1, 2, 3, 4, 5, 6].map(function (item, i) { + return _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + { key: i, style: styles.box }, + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.Text, + null, + item + ) + ); + }) + ), + _distReactNativeWeb2['default'].createElement( + Heading, + { level: '3' }, + 'pointerEvents' + ), + _distReactNativeWeb2['default'].createElement( + _distReactNativeWeb.View, + { style: styles.row }, + ['box-none', 'box-only', 'none'].map(function (value, i) { + return _distReactNativeWeb2['default'].createElement(_distReactNativeWeb.View, { + children: value, + component: 'a', + href: 'https://google.com', + key: i, + pointerEvents: value, + style: styles.pointerEventsBox + }); + }) + ) ); } + }], [{ + key: 'propTypes', + value: { + style: _distReactNativeWeb.View.propTypes.style + }, + enumerable: true }]); return Example; - })(_react2['default'].Component); + })(Component); - var style = { + var styles = { root: { + fontFamily: 'sans-serif', + maxWidth: '600px', + margin: '0 auto' + }, + row: { flexDirection: 'row', - flexWrap: 'wrap', - height: '100px' + flexWrap: 'wrap' }, box: { alignItems: 'center', - backgroundColor: 'lightblue', flexGrow: 1, justifyContent: 'center', - borderColor: 'blue', - borderWidth: '5px' + borderWidth: '1px' }, boxFull: { width: '100%' + }, + pointerEventsBox: { + alignItems: 'center', + borderWidth: '1px', + flexGrow: '1', + height: '100px', + justifyContent: 'center' + }, + touchableArea: { + alignItems: 'center', + borderWidth: 1, + height: '200px', + justifyContent: 'center' } }; - _react2['default'].render(_react2['default'].createElement(Example, null), document.getElementById('react-root')); + _distReactNativeWeb2['default'].render(_distReactNativeWeb2['default'].createElement(Example, null), document.getElementById('react-root')); /***/ }, /* 1 */ @@ -124,22 +403,45 @@ "use strict"; - var _Object$create = __webpack_require__(2)["default"]; + var _Object$getOwnPropertyDescriptor = __webpack_require__(2)["default"]; - exports["default"] = function (subClass, superClass) { - if (typeof superClass !== "function" && superClass !== null) { - throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); - } + exports["default"] = function get(_x, _x2, _x3) { + var _again = true; - subClass.prototype = _Object$create(superClass && superClass.prototype, { - constructor: { - value: subClass, - enumerable: false, - writable: true, - configurable: true + _function: while (_again) { + var object = _x, + property = _x2, + receiver = _x3; + desc = parent = getter = undefined; + _again = false; + if (object === null) object = Function.prototype; + + var desc = _Object$getOwnPropertyDescriptor(object, property); + + if (desc === undefined) { + var parent = Object.getPrototypeOf(object); + + if (parent === null) { + return undefined; + } else { + _x = parent; + _x2 = property; + _x3 = receiver; + _again = true; + continue _function; + } + } else if ("value" in desc) { + return desc.value; + } else { + var getter = desc.get; + + if (getter === undefined) { + return undefined; + } + + return getter.call(receiver); } - }); - if (superClass) subClass.__proto__ = superClass; + } }; exports.__esModule = true; @@ -155,128 +457,331 @@ /***/ function(module, exports, __webpack_require__) { var $ = __webpack_require__(4); - module.exports = function create(P, D){ - return $.create(P, D); + __webpack_require__(5); + module.exports = function getOwnPropertyDescriptor(it, key){ + return $.getDesc(it, key); }; /***/ }, /* 4 */ -/***/ function(module, exports, __webpack_require__) { +/***/ function(module, exports) { - 'use strict'; - var global = typeof self != 'undefined' ? self : Function('return this')() - , core = {} - , defineProperty = Object.defineProperty - , hasOwnProperty = {}.hasOwnProperty - , ceil = Math.ceil - , floor = Math.floor - , max = Math.max - , min = Math.min; - // The engine works fine with descriptors? Thank's IE8 for his funny defineProperty. - var DESC = !!function(){ - try { - return defineProperty({}, 'a', {get: function(){ return 2; }}).a == 2; - } catch(e){ /* empty */ } - }(); - var hide = createDefiner(1); - // 7.1.4 ToInteger - function toInteger(it){ - return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); - } - function desc(bitmap, value){ - return { - enumerable : !(bitmap & 1), - configurable: !(bitmap & 2), - writable : !(bitmap & 4), - value : value - }; - } - function simpleSet(object, key, value){ - object[key] = value; - return object; - } - function createDefiner(bitmap){ - return DESC ? function(object, key, value){ - return $.setDesc(object, key, desc(bitmap, value)); - } : simpleSet; - } - - function isObject(it){ - return it !== null && (typeof it == 'object' || typeof it == 'function'); - } - function isFunction(it){ - return typeof it == 'function'; - } - function assertDefined(it){ - if(it == undefined)throw TypeError("Can't call method on " + it); - return it; - } - - var $ = module.exports = __webpack_require__(5)({ - g: global, - core: core, - html: global.document && document.documentElement, - // http://jsperf.com/core-js-isobject - isObject: isObject, - isFunction: isFunction, - that: function(){ - return this; - }, - // 7.1.4 ToInteger - toInteger: toInteger, - // 7.1.15 ToLength - toLength: function(it){ - return it > 0 ? min(toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 - }, - toIndex: function(index, length){ - index = toInteger(index); - return index < 0 ? max(index + length, 0) : min(index, length); - }, - has: function(it, key){ - return hasOwnProperty.call(it, key); - }, - create: Object.create, - getProto: Object.getPrototypeOf, - DESC: DESC, - desc: desc, - getDesc: Object.getOwnPropertyDescriptor, - setDesc: defineProperty, - setDescs: Object.defineProperties, - getKeys: Object.keys, - getNames: Object.getOwnPropertyNames, - getSymbols: Object.getOwnPropertySymbols, - assertDefined: assertDefined, - // Dummy, fix for not array-like ES3 string in es5 module - ES5Object: Object, - toObject: function(it){ - return $.ES5Object(assertDefined(it)); - }, - hide: hide, - def: createDefiner(0), - set: global.Symbol ? simpleSet : hide, - each: [].forEach - }); - /* eslint-disable no-undef */ - if(typeof __e != 'undefined')__e = core; - if(typeof __g != 'undefined')__g = global; + var $Object = Object; + module.exports = { + create: $Object.create, + getProto: $Object.getPrototypeOf, + isEnum: {}.propertyIsEnumerable, + getDesc: $Object.getOwnPropertyDescriptor, + setDesc: $Object.defineProperty, + setDescs: $Object.defineProperties, + getKeys: $Object.keys, + getNames: $Object.getOwnPropertyNames, + getSymbols: $Object.getOwnPropertySymbols, + each: [].forEach + }; /***/ }, /* 5 */ /***/ function(module, exports, __webpack_require__) { - module.exports = function($){ - $.FW = false; - $.path = $.core; - return $; - }; + // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P) + var toIObject = __webpack_require__(6); + + __webpack_require__(10)('getOwnPropertyDescriptor', function($getOwnPropertyDescriptor){ + return function getOwnPropertyDescriptor(it, key){ + return $getOwnPropertyDescriptor(toIObject(it), key); + }; + }); /***/ }, /* 6 */ +/***/ function(module, exports, __webpack_require__) { + + // to indexed object, toObject with fallback for non-array-like ES3 strings + var IObject = __webpack_require__(7) + , defined = __webpack_require__(9); + module.exports = function(it){ + return IObject(defined(it)); + }; + +/***/ }, +/* 7 */ +/***/ function(module, exports, __webpack_require__) { + + // indexed object, fallback for non-array-like ES3 strings + var cof = __webpack_require__(8); + module.exports = 0 in Object('z') ? Object : function(it){ + return cof(it) == 'String' ? it.split('') : Object(it); + }; + +/***/ }, +/* 8 */ +/***/ function(module, exports) { + + var toString = {}.toString; + + module.exports = function(it){ + return toString.call(it).slice(8, -1); + }; + +/***/ }, +/* 9 */ +/***/ function(module, exports) { + + // 7.2.1 RequireObjectCoercible(argument) + module.exports = function(it){ + if(it == undefined)throw TypeError("Can't call method on " + it); + return it; + }; + +/***/ }, +/* 10 */ +/***/ function(module, exports, __webpack_require__) { + + // most Object methods by ES6 should accept primitives + module.exports = function(KEY, exec){ + var $def = __webpack_require__(11) + , fn = (__webpack_require__(13).Object || {})[KEY] || Object[KEY] + , exp = {}; + exp[KEY] = exec(fn); + $def($def.S + $def.F * __webpack_require__(14)(function(){ fn(1); }), 'Object', exp); + }; + +/***/ }, +/* 11 */ +/***/ function(module, exports, __webpack_require__) { + + var global = __webpack_require__(12) + , core = __webpack_require__(13) + , PROTOTYPE = 'prototype'; + var ctx = function(fn, that){ + return function(){ + return fn.apply(that, arguments); + }; + }; + var $def = function(type, name, source){ + var key, own, out, exp + , isGlobal = type & $def.G + , isProto = type & $def.P + , target = isGlobal ? global : type & $def.S + ? global[name] : (global[name] || {})[PROTOTYPE] + , exports = isGlobal ? core : core[name] || (core[name] = {}); + if(isGlobal)source = name; + for(key in source){ + // contains in native + own = !(type & $def.F) && target && key in target; + if(own && key in exports)continue; + // export native or passed + out = own ? target[key] : source[key]; + // prevent global pollution for namespaces + if(isGlobal && typeof target[key] != 'function')exp = source[key]; + // bind timers to global for call from export context + else if(type & $def.B && own)exp = ctx(out, global); + // wrap global constructors for prevent change them in library + else if(type & $def.W && target[key] == out)!function(C){ + exp = function(param){ + return this instanceof C ? new C(param) : C(param); + }; + exp[PROTOTYPE] = C[PROTOTYPE]; + }(out); + else exp = isProto && typeof out == 'function' ? ctx(Function.call, out) : out; + // export + exports[key] = exp; + if(isProto)(exports[PROTOTYPE] || (exports[PROTOTYPE] = {}))[key] = out; + } + }; + // type bitmap + $def.F = 1; // forced + $def.G = 2; // global + $def.S = 4; // static + $def.P = 8; // proto + $def.B = 16; // bind + $def.W = 32; // wrap + module.exports = $def; + +/***/ }, +/* 12 */ +/***/ function(module, exports) { + + // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 + var UNDEFINED = 'undefined'; + var global = module.exports = typeof window != UNDEFINED && window.Math == Math + ? window : typeof self != UNDEFINED && self.Math == Math ? self : Function('return this')(); + if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef + +/***/ }, +/* 13 */ +/***/ function(module, exports) { + + var core = module.exports = {}; + if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef + +/***/ }, +/* 14 */ +/***/ function(module, exports) { + + module.exports = function(exec){ + try { + return !!exec(); + } catch(e){ + return true; + } + }; + +/***/ }, +/* 15 */ /***/ function(module, exports, __webpack_require__) { "use strict"; - var _Object$defineProperty = __webpack_require__(7)["default"]; + var _Object$create = __webpack_require__(16)["default"]; + + var _Object$setPrototypeOf = __webpack_require__(18)["default"]; + + exports["default"] = function (subClass, superClass) { + if (typeof superClass !== "function" && superClass !== null) { + throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); + } + + 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; + }; + + exports.__esModule = true; + +/***/ }, +/* 16 */ +/***/ function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(17), __esModule: true }; + +/***/ }, +/* 17 */ +/***/ function(module, exports, __webpack_require__) { + + var $ = __webpack_require__(4); + module.exports = function create(P, D){ + return $.create(P, D); + }; + +/***/ }, +/* 18 */ +/***/ function(module, exports, __webpack_require__) { + + module.exports = { "default": __webpack_require__(19), __esModule: true }; + +/***/ }, +/* 19 */ +/***/ function(module, exports, __webpack_require__) { + + __webpack_require__(20); + module.exports = __webpack_require__(13).Object.setPrototypeOf; + +/***/ }, +/* 20 */ +/***/ function(module, exports, __webpack_require__) { + + // 19.1.3.19 Object.setPrototypeOf(O, proto) + var $def = __webpack_require__(11); + $def($def.S, 'Object', {setPrototypeOf: __webpack_require__(21).set}); + +/***/ }, +/* 21 */ +/***/ function(module, exports, __webpack_require__) { + + // Works with __proto__ only. Old v8 can't work with null proto objects. + /* eslint-disable no-proto */ + var getDesc = __webpack_require__(4).getDesc + , isObject = __webpack_require__(22) + , anObject = __webpack_require__(23); + var check = function(O, proto){ + anObject(O); + if(!isObject(proto) && proto !== null)throw TypeError(proto + ": can't set as prototype!"); + }; + module.exports = { + set: Object.setPrototypeOf || ('__proto__' in {} // eslint-disable-line + ? function(buggy, set){ + try { + set = __webpack_require__(24)(Function.call, getDesc(Object.prototype, '__proto__').set, 2); + set({}, []); + } catch(e){ buggy = true; } + return function setPrototypeOf(O, proto){ + check(O, proto); + if(buggy)O.__proto__ = proto; + else set(O, proto); + return O; + }; + }() + : undefined), + check: check + }; + +/***/ }, +/* 22 */ +/***/ function(module, exports) { + + // http://jsperf.com/core-js-isobject + module.exports = function(it){ + return it !== null && (typeof it == 'object' || typeof it == 'function'); + }; + +/***/ }, +/* 23 */ +/***/ function(module, exports, __webpack_require__) { + + var isObject = __webpack_require__(22); + module.exports = function(it){ + if(!isObject(it))throw TypeError(it + ' is not an object!'); + return it; + }; + +/***/ }, +/* 24 */ +/***/ function(module, exports, __webpack_require__) { + + // optional / simple context binding + var aFunction = __webpack_require__(25); + module.exports = function(fn, that, length){ + aFunction(fn); + if(that === undefined)return fn; + switch(length){ + case 1: return function(a){ + return fn.call(that, a); + }; + case 2: return function(a, b){ + return fn.call(that, a, b); + }; + case 3: return function(a, b, c){ + return fn.call(that, a, b, c); + }; + } return function(/* ...args */){ + return fn.apply(that, arguments); + }; + }; + +/***/ }, +/* 25 */ +/***/ function(module, exports) { + + module.exports = function(it){ + if(typeof it != 'function')throw TypeError(it + ' is not a function!'); + return it; + }; + +/***/ }, +/* 26 */ +/***/ function(module, exports, __webpack_require__) { + + "use strict"; + + var _Object$defineProperty = __webpack_require__(27)["default"]; exports["default"] = (function () { function defineProperties(target, props) { @@ -300,13 +805,13 @@ exports.__esModule = true; /***/ }, -/* 7 */ +/* 27 */ /***/ function(module, exports, __webpack_require__) { - module.exports = { "default": __webpack_require__(8), __esModule: true }; + module.exports = { "default": __webpack_require__(28), __esModule: true }; /***/ }, -/* 8 */ +/* 28 */ /***/ function(module, exports, __webpack_require__) { var $ = __webpack_require__(4); @@ -315,8 +820,8 @@ }; /***/ }, -/* 9 */ -/***/ function(module, exports, __webpack_require__) { +/* 29 */ +/***/ function(module, exports) { "use strict"; @@ -329,145 +834,8 @@ exports.__esModule = true; /***/ }, -/* 10 */ -/***/ function(module, exports, __webpack_require__) { - - "use strict"; - - var _Object$assign = __webpack_require__(11)["default"]; - - exports["default"] = _Object$assign || function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - - exports.__esModule = true; - -/***/ }, -/* 11 */ -/***/ function(module, exports, __webpack_require__) { - - module.exports = { "default": __webpack_require__(12), __esModule: true }; - -/***/ }, -/* 12 */ -/***/ function(module, exports, __webpack_require__) { - - __webpack_require__(13); - module.exports = __webpack_require__(4).core.Object.assign; - -/***/ }, -/* 13 */ -/***/ function(module, exports, __webpack_require__) { - - // 19.1.3.1 Object.assign(target, source) - var $def = __webpack_require__(14); - $def($def.S, 'Object', {assign: __webpack_require__(15)}); - -/***/ }, -/* 14 */ -/***/ function(module, exports, __webpack_require__) { - - var $ = __webpack_require__(4) - , global = $.g - , core = $.core - , isFunction = $.isFunction; - function ctx(fn, that){ - return function(){ - return fn.apply(that, arguments); - }; - } - // type bitmap - $def.F = 1; // forced - $def.G = 2; // global - $def.S = 4; // static - $def.P = 8; // proto - $def.B = 16; // bind - $def.W = 32; // wrap - function $def(type, name, source){ - var key, own, out, exp - , isGlobal = type & $def.G - , isProto = type & $def.P - , target = isGlobal ? global : type & $def.S - ? global[name] : (global[name] || {}).prototype - , exports = isGlobal ? core : core[name] || (core[name] = {}); - if(isGlobal)source = name; - for(key in source){ - // contains in native - own = !(type & $def.F) && target && key in target; - if(own && key in exports)continue; - // export native or passed - out = own ? target[key] : source[key]; - // prevent global pollution for namespaces - if(isGlobal && !isFunction(target[key]))exp = source[key]; - // bind timers to global for call from export context - else if(type & $def.B && own)exp = ctx(out, global); - // wrap global constructors for prevent change them in library - else if(type & $def.W && target[key] == out)!function(C){ - exp = function(param){ - return this instanceof C ? new C(param) : C(param); - }; - exp.prototype = C.prototype; - }(out); - else exp = isProto && isFunction(out) ? ctx(Function.call, out) : out; - // export - exports[key] = exp; - if(isProto)(exports.prototype || (exports.prototype = {}))[key] = out; - } - } - module.exports = $def; - -/***/ }, -/* 15 */ -/***/ function(module, exports, __webpack_require__) { - - var $ = __webpack_require__(4) - , enumKeys = __webpack_require__(16); - // 19.1.2.1 Object.assign(target, source, ...) - /* eslint-disable no-unused-vars */ - module.exports = Object.assign || function assign(target, source){ - /* eslint-enable no-unused-vars */ - var T = Object($.assertDefined(target)) - , l = arguments.length - , i = 1; - while(l > i){ - var S = $.ES5Object(arguments[i++]) - , keys = enumKeys(S) - , length = keys.length - , j = 0 - , key; - while(length > j)T[key = keys[j++]] = S[key]; - } - return T; - }; - -/***/ }, -/* 16 */ -/***/ function(module, exports, __webpack_require__) { - - var $ = __webpack_require__(4); - module.exports = function(it){ - var keys = $.getKeys(it) - , getDesc = $.getDesc - , getSymbols = $.getSymbols; - if(getSymbols)$.each.call(getSymbols(it), function(key){ - if(getDesc(it, key).enumerable)keys.push(key); - }); - return keys; - }; - -/***/ }, -/* 17 */ -/***/ function(module, exports, __webpack_require__) { +/* 30 */ +/***/ function(module, exports) { "use strict"; @@ -480,14 +848,243 @@ exports.__esModule = true; /***/ }, -/* 18 */ +/* 31 */ /***/ function(module, exports, __webpack_require__) { - module.exports = __webpack_require__(19); + 'use strict';var _Object$setPrototypeOf2=__webpack_require__(18)['default'];var _Object$assign2=__webpack_require__(32)['default'];module.exports = /******/(function(modules){ // webpackBootstrap + /******/ // The module cache + /******/var installedModules={}; /******/ // The require function + /******/function __webpack_require__(moduleId){ /******/ // Check if module is in cache + /******/if(installedModules[moduleId]) /******/return installedModules[moduleId].exports; /******/ // Create a new module (and put it into the cache) + /******/var module=installedModules[moduleId] = { /******/exports:{}, /******/id:moduleId, /******/loaded:false /******/}; /******/ // Execute the module function + /******/modules[moduleId].call(module.exports,module,module.exports,__webpack_require__); /******/ // Flag the module as loaded + /******/module.loaded = true; /******/ // Return the exports of the module + /******/return module.exports; /******/} /******/ // expose the modules object (__webpack_modules__) + /******/__webpack_require__.m = modules; /******/ // expose the module cache + /******/__webpack_require__.c = installedModules; /******/ // __webpack_public_path__ + /******/__webpack_require__.p = ""; /******/ // Load entry module and return exports + /******/return __webpack_require__(0); /******/})( /************************************************************************/ /******/[ /* 0 */function(module,exports,__webpack_require__){'use strict';var _interopRequireDefault=__webpack_require__(1)['default'];Object.defineProperty(exports,'__esModule',{value:true});var _react=__webpack_require__(2);var _react2=_interopRequireDefault(_react); // components + var _componentsImage=__webpack_require__(3);var _componentsImage2=_interopRequireDefault(_componentsImage);var _componentsListView=__webpack_require__(59);var _componentsListView2=_interopRequireDefault(_componentsListView);var _componentsScrollView=__webpack_require__(60);var _componentsScrollView2=_interopRequireDefault(_componentsScrollView);var _componentsSwipeable=__webpack_require__(61);var _componentsSwipeable2=_interopRequireDefault(_componentsSwipeable);var _componentsText=__webpack_require__(63);var _componentsText2=_interopRequireDefault(_componentsText);var _componentsTextInput=__webpack_require__(65);var _componentsTextInput2=_interopRequireDefault(_componentsTextInput);var _componentsTouchable=__webpack_require__(67);var _componentsTouchable2=_interopRequireDefault(_componentsTouchable);var _componentsView=__webpack_require__(57);var _componentsView2=_interopRequireDefault(_componentsView);exports['default'] = _react2['default'];exports.Image = _componentsImage2['default'];exports.ListView = _componentsListView2['default'];exports.ScrollView = _componentsScrollView2['default'];exports.Swipeable = _componentsSwipeable2['default'];exports.Text = _componentsText2['default'];exports.TextInput = _componentsTextInput2['default'];exports.Touchable = _componentsTouchable2['default'];exports.View = _componentsView2['default']; /***/}, /* 1 */function(module,exports){"use strict";exports["default"] = function(obj){return obj && obj.__esModule?obj:{"default":obj};};exports.__esModule = true; /***/}, /* 2 */function(module,exports){module.exports = __webpack_require__(38); /***/}, /* 3 */function(module,exports,__webpack_require__){ /* global window */'use strict';var _get=__webpack_require__(4)['default'];var _inherits=__webpack_require__(18)['default'];var _createClass=__webpack_require__(29)['default'];var _classCallCheck=__webpack_require__(32)['default'];var _extends=__webpack_require__(33)['default'];var _Object$keys=__webpack_require__(40)['default'];var _interopRequireDefault=__webpack_require__(1)['default'];Object.defineProperty(exports,'__esModule',{value:true});var _modulesFilterObjectProps=__webpack_require__(43);var _CoreComponent=__webpack_require__(44);var _CoreComponent2=_interopRequireDefault(_CoreComponent);var _ImageStylePropTypes=__webpack_require__(56);var _ImageStylePropTypes2=_interopRequireDefault(_ImageStylePropTypes);var _react=__webpack_require__(2);var _react2=_interopRequireDefault(_react);var _View=__webpack_require__(57);var _View2=_interopRequireDefault(_View);var STATUS_ERRORED='ERRORED';var STATUS_LOADED='LOADED';var STATUS_LOADING='LOADING';var STATUS_PENDING='PENDING';var STATUS_IDLE='IDLE';var styles={initial:{alignSelf:'flex-start',backgroundRepeat:'no-repeat',backgroundPosition:'center',backgroundSize:'cover'},img:{borderWidth:0,height:'auto',maxHeight:'100%',maxWidth:'100%',opacity:0},children:{bottom:0,left:0,position:'absolute',right:0,top:0},resizeMode:{clip:{backgroundSize:'auto'},contain:{backgroundSize:'contain'},cover:{backgroundSize:'cover'},stretch:{backgroundSize:'100% 100%'}}};var Image=(function(_React$Component){_inherits(Image,_React$Component);function Image(props,context){_classCallCheck(this,Image);_get(Object.getPrototypeOf(Image.prototype),'constructor',this).call(this,props,context); // state + this.state = {status:props.source.uri?STATUS_PENDING:STATUS_IDLE}; // autobinding + this._onError = this._onError.bind(this);this._onLoad = this._onLoad.bind(this);}_createClass(Image,[{key:'_cancelEvent',value:function _cancelEvent(event){event.preventDefault();event.stopPropagation();}},{key:'_createImageLoader',value:function _createImageLoader(){var source=this.props.source;this._destroyImageLoader();this.image = new window.Image();this.image.onerror = this._onError;this.image.onload = this._onLoad;this.image.src = source.uri;this._onLoadStart();}},{key:'_destroyImageLoader',value:function _destroyImageLoader(){if(this.image){this.image.onload = null;this.image.onerror = null;this.image = null;}}},{key:'_onError',value:function _onError(e){var onError=this.props.onError;var event={nativeEvent:e};this._destroyImageLoader();this.setState({status:STATUS_ERRORED});if(onError)onError(event);this._onLoadEnd();}},{key:'_onLoad',value:function _onLoad(e){var onLoad=this.props.onLoad;var event={nativeEvent:e};this._destroyImageLoader();this.setState({status:STATUS_LOADED});if(onLoad)onLoad(event);this._onLoadEnd();}},{key:'_onLoadEnd',value:function _onLoadEnd(){var onLoadEnd=this.props.onLoadEnd;if(onLoadEnd)onLoadEnd();}},{key:'_onLoadStart',value:function _onLoadStart(){var onLoadStart=this.props.onLoadStart;this.setState({status:STATUS_LOADING});if(onLoadStart)onLoadStart();}},{key:'componentDidMount',value:function componentDidMount(){if(this.state.status === STATUS_PENDING){this._createImageLoader();}}},{key:'componentDidUpdate',value:function componentDidUpdate(){if(this.state.status === STATUS_PENDING && !this.image){this._createImageLoader();}}},{key:'componentWillReceiveProps',value:function componentWillReceiveProps(nextProps){if(this.props.source.uri !== nextProps.source.uri){this.setState({status:nextProps.source.uri?STATUS_PENDING:STATUS_IDLE});}}},{key:'componentWillUnmount',value:function componentWillUnmount(){this._destroyImageLoader();}},{key:'render',value:function render(){var _props=this.props;var accessibilityLabel=_props.accessibilityLabel;var children=_props.children;var defaultSource=_props.defaultSource;var resizeMode=_props.resizeMode;var source=_props.source;var style=_props.style;var testID=_props.testID;var isLoaded=this.state.status === STATUS_LOADED;var defaultImage=defaultSource.uri || null;var displayImage=!isLoaded?defaultImage:source.uri;var resolvedStyle=(0,_modulesFilterObjectProps.pickProps)(style,_Object$keys(_ImageStylePropTypes2['default']));var backgroundImage=displayImage?'url("' + displayImage + '")':null; /** + * Image is a non-stretching View. The image is displayed as a background + * image to support `resizeMode`. The HTML image is hidden but used to + * provide the correct responsive image dimensions, and to support the + * image context menu. Child content is rendered into an element absolutely + * positioned over the image. + */return _react2['default'].createElement(_View2['default'],{accessibilityLabel:accessibilityLabel,'aria-role':'img',className:'Image',component:'div',style:_extends({},styles.initial,resolvedStyle,backgroundImage && {backgroundImage:backgroundImage},styles.resizeMode[resizeMode]),testID:testID},_react2['default'].createElement('img',{src:displayImage,style:styles.img}),children?_react2['default'].createElement(_View2['default'],{children:children,pointerEvents:'box-none',style:styles.children}):null);}}],[{key:'propTypes',value:{accessibilityLabel:_react.PropTypes.string,children:_react.PropTypes.any,defaultSource:_react.PropTypes.object,onError:_react.PropTypes.func,onLoad:_react.PropTypes.func,onLoadEnd:_react.PropTypes.func,onLoadStart:_react.PropTypes.func,resizeMode:_react.PropTypes.oneOf(['clip','contain','cover','stretch']),source:_react.PropTypes.object,style:_react.PropTypes.shape(_ImageStylePropTypes2['default']),testID:_CoreComponent2['default'].propTypes.testID},enumerable:true},{key:'stylePropTypes',value:_ImageStylePropTypes2['default'],enumerable:true},{key:'defaultProps',value:{defaultSource:{},resizeMode:'cover',source:{},style:styles.initial},enumerable:true}]);return Image;})(_react2['default'].Component);exports['default'] = Image;module.exports = exports['default']; /***/}, /* 4 */function(module,exports,__webpack_require__){"use strict";var _Object$getOwnPropertyDescriptor=__webpack_require__(5)["default"];exports["default"] = function get(_x,_x2,_x3){var _again=true;_function: while(_again) {var object=_x,property=_x2,receiver=_x3;desc = parent = getter = undefined;_again = false;if(object === null)object = Function.prototype;var desc=_Object$getOwnPropertyDescriptor(object,property);if(desc === undefined){var parent=Object.getPrototypeOf(object);if(parent === null){return undefined;}else {_x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;}}else if("value" in desc){return desc.value;}else {var getter=desc.get;if(getter === undefined){return undefined;}return getter.call(receiver);}}};exports.__esModule = true; /***/}, /* 5 */function(module,exports,__webpack_require__){module.exports = {"default":__webpack_require__(6),__esModule:true}; /***/}, /* 6 */function(module,exports,__webpack_require__){var $=__webpack_require__(7);__webpack_require__(8);module.exports = function getOwnPropertyDescriptor(it,key){return $.getDesc(it,key);}; /***/}, /* 7 */function(module,exports){var $Object=Object;module.exports = {create:$Object.create,getProto:$Object.getPrototypeOf,isEnum:({}).propertyIsEnumerable,getDesc:$Object.getOwnPropertyDescriptor,setDesc:$Object.defineProperty,setDescs:$Object.defineProperties,getKeys:$Object.keys,getNames:$Object.getOwnPropertyNames,getSymbols:$Object.getOwnPropertySymbols,each:[].forEach}; /***/}, /* 8 */function(module,exports,__webpack_require__){ // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P) + var toIObject=__webpack_require__(9);__webpack_require__(13)('getOwnPropertyDescriptor',function($getOwnPropertyDescriptor){return function getOwnPropertyDescriptor(it,key){return $getOwnPropertyDescriptor(toIObject(it),key);};}); /***/}, /* 9 */function(module,exports,__webpack_require__){ // to indexed object, toObject with fallback for non-array-like ES3 strings + var IObject=__webpack_require__(10),defined=__webpack_require__(12);module.exports = function(it){return IObject(defined(it));}; /***/}, /* 10 */function(module,exports,__webpack_require__){ // indexed object, fallback for non-array-like ES3 strings + var cof=__webpack_require__(11);module.exports = 0 in Object('z')?Object:function(it){return cof(it) == 'String'?it.split(''):Object(it);}; /***/}, /* 11 */function(module,exports){var toString=({}).toString;module.exports = function(it){return toString.call(it).slice(8,-1);}; /***/}, /* 12 */function(module,exports){ // 7.2.1 RequireObjectCoercible(argument) + module.exports = function(it){if(it == undefined)throw TypeError("Can't call method on " + it);return it;}; /***/}, /* 13 */function(module,exports,__webpack_require__){ // most Object methods by ES6 should accept primitives + module.exports = function(KEY,exec){var $def=__webpack_require__(14),fn=(__webpack_require__(16).Object || {})[KEY] || Object[KEY],exp={};exp[KEY] = exec(fn);$def($def.S + $def.F * __webpack_require__(17)(function(){fn(1);}),'Object',exp);}; /***/}, /* 14 */function(module,exports,__webpack_require__){var global=__webpack_require__(15),core=__webpack_require__(16),PROTOTYPE='prototype';var ctx=function ctx(fn,that){return function(){return fn.apply(that,arguments);};};var $def=function $def(type,name,source){var key,own,out,exp,isGlobal=type & $def.G,isProto=type & $def.P,target=isGlobal?global:type & $def.S?global[name]:(global[name] || {})[PROTOTYPE],exports=isGlobal?core:core[name] || (core[name] = {});if(isGlobal)source = name;for(key in source) { // contains in native + own = !(type & $def.F) && target && key in target;if(own && key in exports)continue; // export native or passed + out = own?target[key]:source[key]; // prevent global pollution for namespaces + if(isGlobal && typeof target[key] != 'function')exp = source[key]; // bind timers to global for call from export context + else if(type & $def.B && own)exp = ctx(out,global); // wrap global constructors for prevent change them in library + else if(type & $def.W && target[key] == out)!(function(C){exp = function(param){return this instanceof C?new C(param):C(param);};exp[PROTOTYPE] = C[PROTOTYPE];})(out);else exp = isProto && typeof out == 'function'?ctx(Function.call,out):out; // export + exports[key] = exp;if(isProto)(exports[PROTOTYPE] || (exports[PROTOTYPE] = {}))[key] = out;}}; // type bitmap + $def.F = 1; // forced + $def.G = 2; // global + $def.S = 4; // static + $def.P = 8; // proto + $def.B = 16; // bind + $def.W = 32; // wrap + module.exports = $def; /***/}, /* 15 */function(module,exports){ // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 + var UNDEFINED='undefined';var global=module.exports = typeof window != UNDEFINED && window.Math == Math?window:typeof self != UNDEFINED && self.Math == Math?self:Function('return this')();if(typeof __g == 'number')__g = global; // eslint-disable-line no-undef + /***/}, /* 16 */function(module,exports){var core=module.exports = {};if(typeof __e == 'number')__e = core; // eslint-disable-line no-undef + /***/}, /* 17 */function(module,exports){module.exports = function(exec){try{return !!exec();}catch(e) {return true;}}; /***/}, /* 18 */function(module,exports,__webpack_require__){"use strict";var _Object$create=__webpack_require__(19)["default"];var _Object$setPrototypeOf=__webpack_require__(21)["default"];exports["default"] = function(subClass,superClass){if(typeof superClass !== "function" && superClass !== null){throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);}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;};exports.__esModule = true; /***/}, /* 19 */function(module,exports,__webpack_require__){module.exports = {"default":__webpack_require__(20),__esModule:true}; /***/}, /* 20 */function(module,exports,__webpack_require__){var $=__webpack_require__(7);module.exports = function create(P,D){return $.create(P,D);}; /***/}, /* 21 */function(module,exports,__webpack_require__){module.exports = {"default":__webpack_require__(22),__esModule:true}; /***/}, /* 22 */function(module,exports,__webpack_require__){__webpack_require__(23);module.exports = __webpack_require__(16).Object.setPrototypeOf; /***/}, /* 23 */function(module,exports,__webpack_require__){ // 19.1.3.19 Object.setPrototypeOf(O, proto) + var $def=__webpack_require__(14);$def($def.S,'Object',{setPrototypeOf:__webpack_require__(24).set}); /***/}, /* 24 */function(module,exports,__webpack_require__){ // Works with __proto__ only. Old v8 can't work with null proto objects. + /* eslint-disable no-proto */var getDesc=__webpack_require__(7).getDesc,isObject=__webpack_require__(25),anObject=__webpack_require__(26);var check=function check(O,proto){anObject(O);if(!isObject(proto) && proto !== null)throw TypeError(proto + ": can't set as prototype!");};module.exports = {set:_Object$setPrototypeOf2 || ('__proto__' in {} // eslint-disable-line + ?(function(buggy,set){try{set = __webpack_require__(27)(Function.call,getDesc(Object.prototype,'__proto__').set,2);set({},[]);}catch(e) {buggy = true;}return function setPrototypeOf(O,proto){check(O,proto);if(buggy)O.__proto__ = proto;else set(O,proto);return O;};})():undefined),check:check}; /***/}, /* 25 */function(module,exports){ // http://jsperf.com/core-js-isobject + module.exports = function(it){return it !== null && (typeof it == 'object' || typeof it == 'function');}; /***/}, /* 26 */function(module,exports,__webpack_require__){var isObject=__webpack_require__(25);module.exports = function(it){if(!isObject(it))throw TypeError(it + ' is not an object!');return it;}; /***/}, /* 27 */function(module,exports,__webpack_require__){ // optional / simple context binding + var aFunction=__webpack_require__(28);module.exports = function(fn,that,length){aFunction(fn);if(that === undefined)return fn;switch(length){case 1:return function(a){return fn.call(that,a);};case 2:return function(a,b){return fn.call(that,a,b);};case 3:return function(a,b,c){return fn.call(that,a,b,c);};}return function() /* ...args */{return fn.apply(that,arguments);};}; /***/}, /* 28 */function(module,exports){module.exports = function(it){if(typeof it != 'function')throw TypeError(it + ' is not a function!');return it;}; /***/}, /* 29 */function(module,exports,__webpack_require__){"use strict";var _Object$defineProperty=__webpack_require__(30)["default"];exports["default"] = (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;};})();exports.__esModule = true; /***/}, /* 30 */function(module,exports,__webpack_require__){module.exports = {"default":__webpack_require__(31),__esModule:true}; /***/}, /* 31 */function(module,exports,__webpack_require__){var $=__webpack_require__(7);module.exports = function defineProperty(it,key,desc){return $.setDesc(it,key,desc);}; /***/}, /* 32 */function(module,exports){"use strict";exports["default"] = function(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}};exports.__esModule = true; /***/}, /* 33 */function(module,exports,__webpack_require__){"use strict";var _Object$assign=__webpack_require__(34)["default"];exports["default"] = _Object$assign || function(target){for(var i=1;i < arguments.length;i++) {var source=arguments[i];for(var key in source) {if(Object.prototype.hasOwnProperty.call(source,key)){target[key] = source[key];}}}return target;};exports.__esModule = true; /***/}, /* 34 */function(module,exports,__webpack_require__){module.exports = {"default":__webpack_require__(35),__esModule:true}; /***/}, /* 35 */function(module,exports,__webpack_require__){__webpack_require__(36);module.exports = __webpack_require__(16).Object.assign; /***/}, /* 36 */function(module,exports,__webpack_require__){ // 19.1.3.1 Object.assign(target, source) + var $def=__webpack_require__(14);$def($def.S,'Object',{assign:__webpack_require__(37)}); /***/}, /* 37 */function(module,exports,__webpack_require__){ // 19.1.2.1 Object.assign(target, source, ...) + var toObject=__webpack_require__(38),IObject=__webpack_require__(10),enumKeys=__webpack_require__(39); /* eslint-disable no-unused-vars */module.exports = _Object$assign2 || function assign(target,source){ /* eslint-enable no-unused-vars */var T=toObject(target),l=arguments.length,i=1;while(l > i) {var S=IObject(arguments[i++]),keys=enumKeys(S),length=keys.length,j=0,key;while(length > j) T[key = keys[j++]] = S[key];}return T;}; /***/}, /* 38 */function(module,exports,__webpack_require__){ // 7.1.13 ToObject(argument) + var defined=__webpack_require__(12);module.exports = function(it){return Object(defined(it));}; /***/}, /* 39 */function(module,exports,__webpack_require__){ // all enumerable object keys, includes symbols + var $=__webpack_require__(7);module.exports = function(it){var keys=$.getKeys(it),getSymbols=$.getSymbols;if(getSymbols){var symbols=getSymbols(it),isEnum=$.isEnum,i=0,key;while(symbols.length > i) if(isEnum.call(it,key = symbols[i++]))keys.push(key);}return keys;}; /***/}, /* 40 */function(module,exports,__webpack_require__){module.exports = {"default":__webpack_require__(41),__esModule:true}; /***/}, /* 41 */function(module,exports,__webpack_require__){__webpack_require__(42);module.exports = __webpack_require__(16).Object.keys; /***/}, /* 42 */function(module,exports,__webpack_require__){ // 19.1.2.14 Object.keys(O) + var toObject=__webpack_require__(38);__webpack_require__(13)('keys',function($keys){return function keys(it){return $keys(toObject(it));};}); /***/}, /* 43 */function(module,exports){'use strict';Object.defineProperty(exports,'__esModule',{value:true});exports.pickProps = pickProps;exports.omitProps = omitProps;function filterProps(obj,props){var excluded=arguments.length <= 2 || arguments[2] === undefined?false:arguments[2];if(!Array.isArray(props)){throw new TypeError('props is not an Array');}var filtered={};for(var prop in obj) {if(Object.prototype.hasOwnProperty.call(obj,prop)){var isMatch=props.indexOf(prop) > -1;if(excluded && isMatch){continue;}else if(!excluded && !isMatch){continue;}filtered[prop] = obj[prop];}}return filtered;}function pickProps(obj,props){return filterProps(obj,props);}function omitProps(obj,props){return filterProps(obj,props,true);} /***/}, /* 44 */function(module,exports,__webpack_require__){'use strict';var _interopRequireDefault=__webpack_require__(1)['default'];Object.defineProperty(exports,'__esModule',{value:true});var _modulesCoreComponent=__webpack_require__(45);var _modulesCoreComponent2=_interopRequireDefault(_modulesCoreComponent);exports['default'] = _modulesCoreComponent2['default'];module.exports = exports['default']; /***/}, /* 45 */function(module,exports,__webpack_require__){ /* WEBPACK VAR INJECTION */(function(process){'use strict';var _get=__webpack_require__(4)['default'];var _inherits=__webpack_require__(18)['default'];var _createClass=__webpack_require__(29)['default'];var _classCallCheck=__webpack_require__(32)['default'];var _objectWithoutProperties=__webpack_require__(47)['default'];var _extends=__webpack_require__(33)['default'];var _interopRequireDefault=__webpack_require__(1)['default'];Object.defineProperty(exports,'__esModule',{value:true});var _react=__webpack_require__(2);var _react2=_interopRequireDefault(_react);var _restyle=__webpack_require__(48);var _restyle2=_interopRequireDefault(_restyle);var _stylePropTypes=__webpack_require__(55);var _stylePropTypes2=_interopRequireDefault(_stylePropTypes);var CoreComponent=(function(_React$Component){_inherits(CoreComponent,_React$Component);function CoreComponent(){_classCallCheck(this,CoreComponent);_get(Object.getPrototypeOf(CoreComponent.prototype),'constructor',this).apply(this,arguments);}_createClass(CoreComponent,[{key:'render',value:function render(){var _props=this.props;var className=_props.className;var Component=_props.component;var style=_props.style;var testID=_props.testID;var other=_objectWithoutProperties(_props,['className','component','style','testID']);return _react2['default'].createElement(Component,_extends({},other,(0,_restyle2['default'])({className:className,style:style}),{'data-testid':process.env.NODE_ENV === 'production'?null:testID}));}}],[{key:'propTypes',value:{className:_react.PropTypes.string,component:_react.PropTypes.oneOfType([_react.PropTypes.func,_react.PropTypes.string]),style:_react.PropTypes.object,testID:_react.PropTypes.string},enumerable:true},{key:'stylePropTypes',value:_stylePropTypes2['default'],enumerable:true},{key:'defaultProps',value:{className:'',component:'div'},enumerable:true}]);return CoreComponent;})(_react2['default'].Component);exports['default'] = CoreComponent;module.exports = exports['default']; /* WEBPACK VAR INJECTION */}).call(exports,__webpack_require__(46)); /***/}, /* 46 */function(module,exports){ // shim for using process in browser + var process=module.exports = {};var queue=[];var draining=false;var currentQueue;var queueIndex=-1;function cleanUpNextTick(){draining = false;if(currentQueue.length){queue = currentQueue.concat(queue);}else {queueIndex = -1;}if(queue.length){drainQueue();}}function drainQueue(){if(draining){return;}var timeout=setTimeout(cleanUpNextTick);draining = true;var len=queue.length;while(len) {currentQueue = queue;queue = [];while(++queueIndex < len) {currentQueue[queueIndex].run();}queueIndex = -1;len = queue.length;}currentQueue = null;draining = false;clearTimeout(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){setTimeout(drainQueue,0);}}; // 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.binding = function(name){throw new Error('process.binding is not supported');}; // TODO(shtylman) + process.cwd = function(){return '/';};process.chdir = function(dir){throw new Error('process.chdir is not supported');};process.umask = function(){return 0;}; /***/}, /* 47 */function(module,exports){"use strict";exports["default"] = function(obj,keys){var target={};for(var i in obj) {if(keys.indexOf(i) >= 0)continue;if(!Object.prototype.hasOwnProperty.call(obj,i))continue;target[i] = obj[i];}return target;};exports.__esModule = true; /***/}, /* 48 */function(module,exports,__webpack_require__){'use strict';var _interopRequireDefault=__webpack_require__(1)['default'];Object.defineProperty(exports,'__esModule',{value:true});exports['default'] = stylingStrategy;var _autoprefix=__webpack_require__(49);var _autoprefix2=_interopRequireDefault(_autoprefix);var _modulesStyles=__webpack_require__(50);var _modulesStyles2=_interopRequireDefault(_modulesStyles); /** + * Get the HTML class that corresponds to a style declaration + * @param prop {string} prop name + * @param style {Object} style + * @return {string} class name + */function getSinglePurposeClassName(prop,style){var className=prop + '-' + style[prop];if(style.hasOwnProperty(prop) && _modulesStyles2['default'][className]){return _modulesStyles2['default'][className];}} /** + * Replace inline styles with single purpose classes where possible + * @param props {Object} React Element properties + * @return {Object} + */function stylingStrategy(props){var className=undefined;var style={};var classList=[props.className];for(var prop in props.style) {var styleClass=getSinglePurposeClassName(prop,props.style);if(styleClass){classList.push(styleClass);}else {style[prop] = props.style[prop];}}className = classList.join(' ');style = (0,_autoprefix2['default'])(style);return {className:className,style:style};}module.exports = exports['default']; /***/}, /* 49 */function(module,exports,__webpack_require__){'use strict';var _extends=__webpack_require__(33)['default'];Object.defineProperty(exports,'__esModule',{value:true});exports['default'] = prefixStyles;function prefixStyles(style){if(style.hasOwnProperty('flexBasis')){style = _extends({WebkitFlexBasis:style.flexBasis,msFlexBasis:style.flexBasis},style);}if(style.hasOwnProperty('flexGrow')){style = _extends({WebkitBoxFlex:style.flexGrow,WebkitFlexGrow:style.flexGrow,msFlexPositive:style.flexGrow},style);}if(style.hasOwnProperty('flexShrink')){style = _extends({WebkitFlexShrink:style.flexShrink,msFlexNegative:style.flexShrink},style);} // NOTE: adding `;` to the string value prevents React from automatically + // adding a `px` suffix to the unitless value + if(style.hasOwnProperty('order')){style = _extends({WebkitBoxOrdinalGroup:parseInt(style.order,10) + 1 + ';',WebkitOrder:'' + style.order,msFlexOrder:'' + style.order},style);}if(style.hasOwnProperty('transform')){style = _extends({WebkitTransform:style.transform,msTransform:style.transform},style);}return style;}module.exports = exports['default']; /***/}, /* 50 */function(module,exports,__webpack_require__){'use strict';var _interopRequireDefault=__webpack_require__(1)['default'];Object.defineProperty(exports,'__esModule',{value:true});var _stylesCss=__webpack_require__(51);var _stylesCss2=_interopRequireDefault(_stylesCss);exports['default'] = _stylesCss2['default'];module.exports = exports['default']; /***/}, /* 51 */function(module,exports,__webpack_require__){ // style-loader: Adds some css to the DOM by adding a