zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2025-12-20 21:45:34 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
21c24d8b89ac263efc4551dcf6c00eb5a3c3eab1
react-native-web/docs/main.a9d58c44021e8522dd5e.bundle.js
Nicolas Gallagher 21c24d8b89 Deploy documentation
2020-09-08 11:25:59 -07:00

2 lines
938 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{100:function(module,__webpack_exports__,__webpack_require__){"use strict";var _styleResolver__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(272),css={create:function create(rules,group){return _styleResolver__WEBPACK_IMPORTED_MODULE_0__.a.createCSS(rules,group)}};__webpack_exports__.a=css},101:function(module,__webpack_exports__,__webpack_require__){"use strict";var react_dom__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(156);__webpack_exports__.a=function findNodeHandle(component){var node;try{node=Object(react_dom__WEBPACK_IMPORTED_MODULE_0__.findDOMNode)(component)}catch(e){}return node}},112:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(24),fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__),doLeftAndRightSwapInRTL=!0,isPreferredLanguageRTL=!1,isRTLAllowed=!0,isRTLForced=!1,isRTL=function isRTL(){return!!isRTLForced||isRTLAllowed&&isPreferredLanguageRTL},onDirectionChange=function onDirectionChange(){fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0___default.a.canUseDOM&&document.documentElement&&document.documentElement.setAttribute&&document.documentElement.setAttribute("dir",isRTL()?"rtl":"ltr")},I18nManager={allowRTL:function allowRTL(bool){isRTLAllowed=bool,onDirectionChange()},forceRTL:function forceRTL(bool){isRTLForced=bool,onDirectionChange()},setPreferredLanguageRTL:function setPreferredLanguageRTL(bool){isPreferredLanguageRTL=bool,onDirectionChange()},swapLeftAndRightInRTL:function swapLeftAndRightInRTL(bool){doLeftAndRightSwapInRTL=bool},get doLeftAndRightSwapInRTL(){return doLeftAndRightSwapInRTL},get isRTL(){return isRTL()}};__webpack_exports__.default=I18nManager},120:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Button}));var _StyleSheet__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(4),_TouchableOpacity__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(155),_Text__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(9),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);function Button(props){var accessibilityLabel=props.accessibilityLabel,color=props.color,disabled=props.disabled,onPress=props.onPress,testID=props.testID,title=props.title;return react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_TouchableOpacity__WEBPACK_IMPORTED_MODULE_1__.default,{accessibilityLabel:accessibilityLabel,accessibilityRole:"button",disabled:disabled,onPress:onPress,style:[styles.button,color&&{backgroundColor:color},disabled&&styles.buttonDisabled],testID:testID},react__WEBPACK_IMPORTED_MODULE_3___default.a.createElement(_Text__WEBPACK_IMPORTED_MODULE_2__.default,{style:[styles.text,disabled&&styles.textDisabled]},title))}var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_0__.default.create({button:{backgroundColor:"#2196F3",borderRadius:2},text:{color:"#fff",fontWeight:"500",padding:8,textAlign:"center",textTransform:"uppercase"},buttonDisabled:{backgroundColor:"#dfdfdf"},textDisabled:{color:"#a1a1a1"}})},122:function(module,__webpack_exports__,__webpack_require__){"use strict";function pick(obj,list){var nextObj={};for(var key in obj)obj.hasOwnProperty(key)&&(!0!==list[key]&&0!==key.indexOf("aria-")||(nextObj[key]=obj[key]));return nextObj}__webpack_require__.d(__webpack_exports__,"a",(function(){return pick}))},123:function(module,__webpack_exports__,__webpack_require__){"use strict";var ERROR="ERROR",NOT_RESPONDER="NOT_RESPONDER",Transitions=Object.freeze({NOT_RESPONDER:{DELAY:ERROR,RESPONDER_GRANT:"RESPONDER_INACTIVE_PRESS_START",RESPONDER_RELEASE:ERROR,RESPONDER_TERMINATED:ERROR,LONG_PRESS_DETECTED:ERROR},RESPONDER_INACTIVE_PRESS_START:{DELAY:"RESPONDER_ACTIVE_PRESS_START",RESPONDER_GRANT:ERROR,RESPONDER_RELEASE:NOT_RESPONDER,RESPONDER_TERMINATED:NOT_RESPONDER,LONG_PRESS_DETECTED:ERROR},RESPONDER_ACTIVE_PRESS_START:{DELAY:ERROR,RESPONDER_GRANT:ERROR,RESPONDER_RELEASE:NOT_RESPONDER,RESPONDER_TERMINATED:NOT_RESPONDER,LONG_PRESS_DETECTED:"RESPONDER_ACTIVE_LONG_PRESS_START"},RESPONDER_ACTIVE_LONG_PRESS_START:{DELAY:ERROR,RESPONDER_GRANT:ERROR,RESPONDER_RELEASE:NOT_RESPONDER,RESPONDER_TERMINATED:NOT_RESPONDER,LONG_PRESS_DETECTED:"RESPONDER_ACTIVE_LONG_PRESS_START"},ERROR:{DELAY:NOT_RESPONDER,RESPONDER_GRANT:"RESPONDER_INACTIVE_PRESS_START",RESPONDER_RELEASE:NOT_RESPONDER,RESPONDER_TERMINATED:NOT_RESPONDER,LONG_PRESS_DETECTED:NOT_RESPONDER}}),isActiveSignal=function isActiveSignal(signal){return"RESPONDER_ACTIVE_PRESS_START"===signal||"RESPONDER_ACTIVE_LONG_PRESS_START"===signal},isPressStartSignal=function isPressStartSignal(signal){return"RESPONDER_INACTIVE_PRESS_START"===signal||"RESPONDER_ACTIVE_PRESS_START"===signal||"RESPONDER_ACTIVE_LONG_PRESS_START"===signal},isValidKeyPress=function isValidKeyPress(event){var key=event.key,role=event.currentTarget.getAttribute("role");return"Enter"===key||(" "===key||"Spacebar"===key)&&("button"===role||"menuitem"===role)},PressResponder=function(){function PressResponder(config){this._eventHandlers=null,this._isPointerTouch=!1,this._longPressDelayTimeout=null,this._longPressDispatched=!1,this._pressDelayTimeout=null,this._pressOutDelayTimeout=null,this._touchState=NOT_RESPONDER,this.configure(config)}var _proto=PressResponder.prototype;return _proto.configure=function configure(config){this._config=config},_proto.reset=function reset(){this._cancelLongPressDelayTimeout(),this._cancelPressDelayTimeout(),this._cancelPressOutDelayTimeout()},_proto.getEventHandlers=function getEventHandlers(){return null==this._eventHandlers&&(this._eventHandlers=this._createEventHandlers()),this._eventHandlers},_proto._createEventHandlers=function _createEventHandlers(){var _this=this,start=function start(event,shouldDelay){event.persist(),_this._cancelPressOutDelayTimeout(),_this._longPressDispatched=!1,_this._responder=event.currentTarget,_this._selectionTerminated=!1,_this._touchState=NOT_RESPONDER,_this._isPointerTouch="touchstart"===event.nativeEvent.type,_this._receiveSignal("RESPONDER_GRANT",event);var delayPressStart=normalizeDelay(_this._config.delayPressStart,0,50);!1!==shouldDelay&&delayPressStart>0?_this._pressDelayTimeout=setTimeout((function(){_this._receiveSignal("DELAY",event)}),delayPressStart):_this._receiveSignal("DELAY",event);var delayLongPress=normalizeDelay(_this._config.delayLongPress,10,450);_this._longPressDelayTimeout=setTimeout((function(){_this._handleLongPress(event)}),delayLongPress+delayPressStart)},end=function end(event){_this._receiveSignal("RESPONDER_RELEASE",event)};return{onStartShouldSetResponder:function onStartShouldSetResponder(){var disabled=_this._config.disabled;return null==disabled||!disabled},onKeyDown:function onKeyDown(event){isValidKeyPress(event)&&(_this._touchState===NOT_RESPONDER&&start(event,!1),event.stopPropagation())},onKeyUp:function onKeyUp(event){isValidKeyPress(event)&&(_this._touchState!==NOT_RESPONDER&&end(event),event.stopPropagation())},onResponderGrant:function onResponderGrant(event){return start(event)},onResponderMove:function onResponderMove(event){null!=_this._config.onPressMove&&_this._config.onPressMove(event);var touch=getTouchFromResponderEvent(event);if(null!=_this._touchActivatePosition){var deltaX=_this._touchActivatePosition.pageX-touch.pageX,deltaY=_this._touchActivatePosition.pageY-touch.pageY;Math.hypot(deltaX,deltaY)>10&&_this._cancelLongPressDelayTimeout()}},onResponderRelease:function onResponderRelease(event){return end(event)},onResponderTerminate:function onResponderTerminate(event){"selectionchange"===event.nativeEvent.type&&(_this._selectionTerminated=!0),_this._receiveSignal("RESPONDER_TERMINATED",event)},onResponderTerminationRequest:function onResponderTerminationRequest(event){var _this$_config=_this._config,cancelable=_this$_config.cancelable,disabled=_this$_config.disabled,onLongPress=_this$_config.onLongPress;return!(!disabled&&null!=onLongPress&&_this._isPointerTouch&&"contextmenu"===event.nativeEvent.type)&&(null==cancelable||cancelable)},onClick:function onClick(event){var _this$_config2=_this._config,disabled=_this$_config2.disabled,onPress=_this$_config2.onPress;disabled||(_this._longPressDispatched||_this._selectionTerminated?event.preventDefault():null!=onPress&&!1===event.ctrlKey&&!1===event.altKey&&onPress(event),event.stopPropagation())},onContextMenu:function onContextMenu(event){var _this$_config3=_this._config,disabled=_this$_config3.disabled,onLongPress=_this$_config3.onLongPress;disabled||null==onLongPress||!_this._isPointerTouch||event.defaultPrevented||event.preventDefault()}}},_proto._receiveSignal=function _receiveSignal(signal,event){var prevState=this._touchState,nextState=null;null!=Transitions[prevState]&&(nextState=Transitions[prevState][signal]),null==this._responder&&"RESPONDER_RELEASE"===signal||(null==nextState||nextState===ERROR?console.error("PressResponder: Invalid signal "+signal+" for state "+prevState+" on responder"):prevState!==nextState&&(this._performTransitionSideEffects(prevState,nextState,signal,event),this._touchState=nextState))},_proto._performTransitionSideEffects=function _performTransitionSideEffects(prevState,nextState,signal,event){if(function isTerminalSignal(signal){return"RESPONDER_TERMINATED"===signal||"RESPONDER_RELEASE"===signal}(signal)&&(this._isPointerTouch=!1,this._touchActivatePosition=null,this._cancelLongPressDelayTimeout()),isPressStartSignal(prevState)&&"LONG_PRESS_DETECTED"===signal){var onLongPress=this._config.onLongPress;null!=onLongPress&&null==event.nativeEvent.key&&(onLongPress(event),this._longPressDispatched=!0)}var isPrevActive=isActiveSignal(prevState),isNextActive=isActiveSignal(nextState);if(!isPrevActive&&isNextActive?this._activate(event):isPrevActive&&!isNextActive&&this._deactivate(event),isPressStartSignal(prevState)&&"RESPONDER_RELEASE"===signal){var _this$_config4=this._config,_onLongPress=_this$_config4.onLongPress;if(null!=_this$_config4.onPress)null!=_onLongPress&&"RESPONDER_ACTIVE_LONG_PRESS_START"===prevState||isNextActive||isPrevActive||(this._activate(event),this._deactivate(event))}this._cancelPressDelayTimeout()},_proto._activate=function _activate(event){var _this$_config5=this._config,onPressChange=_this$_config5.onPressChange,onPressStart=_this$_config5.onPressStart,touch=getTouchFromResponderEvent(event);this._touchActivatePosition={pageX:touch.pageX,pageY:touch.pageY},null!=onPressStart&&onPressStart(event),null!=onPressChange&&onPressChange(!0)},_proto._deactivate=function _deactivate(event){var _this$_config6=this._config,onPressChange=_this$_config6.onPressChange,onPressEnd=_this$_config6.onPressEnd;function end(){null!=onPressEnd&&onPressEnd(event),null!=onPressChange&&onPressChange(!1)}var delayPressEnd=normalizeDelay(this._config.delayPressEnd);delayPressEnd>0?this._pressOutDelayTimeout=setTimeout((function(){end()}),delayPressEnd):end()},_proto._handleLongPress=function _handleLongPress(event){"RESPONDER_ACTIVE_PRESS_START"!==this._touchState&&"RESPONDER_ACTIVE_LONG_PRESS_START"!==this._touchState||this._receiveSignal("LONG_PRESS_DETECTED",event)},_proto._cancelLongPressDelayTimeout=function _cancelLongPressDelayTimeout(){null!=this._longPressDelayTimeout&&(clearTimeout(this._longPressDelayTimeout),this._longPressDelayTimeout=null)},_proto._cancelPressDelayTimeout=function _cancelPressDelayTimeout(){null!=this._pressDelayTimeout&&(clearTimeout(this._pressDelayTimeout),this._pressDelayTimeout=null)},_proto._cancelPressOutDelayTimeout=function _cancelPressOutDelayTimeout(){null!=this._pressOutDelayTimeout&&(clearTimeout(this._pressOutDelayTimeout),this._pressOutDelayTimeout=null)},PressResponder}();function normalizeDelay(delay,min,fallback){return void 0===min&&(min=0),void 0===fallback&&(fallback=0),Math.max(min,null!=delay?delay:fallback)}function getTouchFromResponderEvent(event){var _event$nativeEvent=event.nativeEvent,changedTouches=_event$nativeEvent.changedTouches,touches=_event$nativeEvent.touches;return null!=touches&&touches.length>0?touches[0]:null!=changedTouches&&changedTouches.length>0?changedTouches[0]:event.nativeEvent}var react=__webpack_require__(0);function usePressEvents(hostRef,config){var pressResponderRef=Object(react.useRef)(null);null==pressResponderRef.current&&(pressResponderRef.current=new PressResponder(config));var pressResponder=pressResponderRef.current;return Object(react.useEffect)((function(){pressResponder.configure(config)}),[config,pressResponder]),Object(react.useEffect)((function(){return function(){pressResponder.reset()}}),[pressResponder]),Object(react.useDebugValue)(config),pressResponder.getEventHandlers()}__webpack_require__.d(__webpack_exports__,"a",(function(){return usePressEvents}))},124:function(module,__webpack_exports__,__webpack_require__){"use strict";var invariant=__webpack_require__(5),invariant_default=__webpack_require__.n(invariant),isSupported=__webpack_require__(24).canUseDOM&&void 0!==window.requestIdleCallback,requestIdleCallback=isSupported?window.requestIdleCallback:function _requestIdleCallback(cb,options){return setTimeout((function(){var start=Date.now();cb({didTimeout:!1,timeRemaining:function timeRemaining(){return Math.max(0,50-(Date.now()-start))}})}),1)},cancelIdleCallback=isSupported?window.cancelIdleCallback:function _cancelIdleCallback(id){clearTimeout(id)},modules_requestIdleCallback=requestIdleCallback,InteractionManager={Events:{interactionStart:"interactionStart",interactionComplete:"interactionComplete"},runAfterInteractions:function runAfterInteractions(task){var handle,promise=new Promise((function(resolve){handle=modules_requestIdleCallback((function(){task?resolve(task()):resolve()}))}));return{then:promise.then.bind(promise),done:promise.then.bind(promise),cancel:function cancel(){cancelIdleCallback(handle)}}},createInteractionHandle:function createInteractionHandle(){return 1},clearInteractionHandle:function clearInteractionHandle(handle){invariant_default()(!!handle,"Must provide a handle to clear.")},addListener:function addListener(){}};__webpack_exports__.a=InteractionManager},138:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(20),__webpack_require__(64),__webpack_require__(47),__webpack_require__(519),__webpack_require__(48),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.styles=exports.createUncachedURI=void 0;var _defineProperty2=_interopRequireDefault(__webpack_require__(22)),_StyleSheet=_interopRequireDefault(__webpack_require__(4));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}exports.createUncachedURI=function(source){var helper=function(str){return"".concat(str,"?t=").concat(Date.now())},uri="string"==typeof source?source:source.uri;return"string"==typeof source?helper(uri):function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}({},source,{uri:helper(uri)})};var styles=_StyleSheet.default.create({base:{height:200,width:300},row:{flexDirection:"row"},centerRow:{alignItems:"center"},marginTop:{marginTop:"1rem"}});exports.styles=styles},139:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.DividerVertical=exports.DividerHorizontal=exports.styles=void 0;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),DividerHorizontal=function(){return _react.default.createElement(_View.default,{style:styles.horizontalDivider})};exports.DividerHorizontal=DividerHorizontal,DividerHorizontal.displayName="DividerHorizontal";var DividerVertical=function(){return _react.default.createElement(_View.default,{style:styles.verticalDivider})};exports.DividerVertical=DividerVertical,DividerVertical.displayName="DividerVertical";var styles=_StyleSheet.default.create({horizontalDivider:{width:"0.6rem"},verticalDivider:{height:"1.3125rem"},row:{flexDirection:"row",flexWrap:"wrap"},marginRight:{marginRight:10},marginBottom:{marginBottom:10},marginVertical:{marginVertical:5},alignCenter:{alignItems:"center"}});exports.styles=styles,DividerHorizontal.__docgenInfo={description:"",methods:[],displayName:"DividerHorizontal"},DividerVertical.__docgenInfo={description:"",methods:[],displayName:"DividerVertical"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/helpers.js"]={name:"DividerHorizontal",docgenInfo:DividerHorizontal.__docgenInfo,path:"src/components/Switch/helpers.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/helpers.js"]={name:"DividerVertical",docgenInfo:DividerVertical.__docgenInfo,path:"src/components/Switch/helpers.js"})},140:function(module,__webpack_exports__,__webpack_require__){"use strict";var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),TextAncestorContext=Object(react__WEBPACK_IMPORTED_MODULE_0__.createContext)(!1);__webpack_exports__.a=TextAncestorContext},1401:function(module,exports,__webpack_require__){(function(module){__webpack_require__(43),__webpack_require__(110);var _theming=__webpack_require__(15),_react=__webpack_require__(1402);(0,_react.addParameters)({options:{storySort:function storySort(a,b){var sectionA=a[1].id.split("-")[0];return b[1].id.split("-")[0].localeCompare(sectionA)},theme:(0,_theming.create)({base:"light",brandTitle:"React Native for Web",brandUrl:"https://necolas.github.io/react-native-web"}),hierarchySeparator:/\/|\./,hierarchyRootSeparator:/\|/,panelPosition:"bottom"}});var context=__webpack_require__(1427);(0,_react.configure)(context,module)}).call(this,__webpack_require__(149)(module))},1427:function(module,exports,__webpack_require__){var map={"./apis/AppRegistry/AppRegistry.stories.mdx":1428,"./apis/AppState/AppState.stories.js":510,"./apis/AppState/AppState.stories.mdx":1440,"./apis/Appearance/Appearance.stories.mdx":1441,"./apis/Clipboard/Clipboard.stories.js":512,"./apis/Clipboard/Clipboard.stories.mdx":1446,"./apis/Dimensions/Dimensions.stories.js":513,"./apis/Dimensions/Dimensions.stories.mdx":1455,"./apis/I18nManager/I18nManager.stories.js":514,"./apis/I18nManager/I18nManager.stories.mdx":1461,"./apis/Linking/Linking.stories.js":515,"./apis/Linking/Linking.stories.mdx":1464,"./apis/PanResponder/PanResponder.stories.mdx":1465,"./apis/PixelRatio/PixelRatio.stories.mdx":1469,"./apis/Platform/Platform.stories.mdx":1470,"./apis/StyleSheet/StyleSheet.stories.mdx":1471,"./apis/Vibration/Vibration.stories.mdx":1472,"./components/ActivityIndicator/ActivityIndicator.stories.mdx":1473,"./components/Button/Button.stories.mdx":1479,"./components/CheckBox/CheckBox.stories.mdx":1484,"./components/FlatList/FlatList.stories.mdx":1491,"./components/Image/Image.stories.mdx":1507,"./components/ImageBackground/ImageBackground.stories.mdx":1524,"./components/Picker/Picker.stories.mdx":1528,"./components/Pressable/Pressable.stories.mdx":1530,"./components/ProgressBar/ProgressBar.stories.mdx":1535,"./components/ScrollView/ScrollView.stories.mdx":1542,"./components/Switch/Switch.stories.mdx":1548,"./components/Text/Text.stories.mdx":1558,"./components/TextInput/TextInput.stories.mdx":1565,"./components/TouchableHighlight/TouchableHighlight.stories.mdx":1583,"./components/TouchableOpacity/TouchableOpacity.stories.mdx":1589,"./components/TouchableWithoutFeedback/TouchableWithoutFeedback.stories.mdx":1594,"./components/View/View.stories.mdx":1599,"./guides/accessibility.stories.mdx":1607,"./guides/client-side-rendering.stories.mdx":1608,"./guides/direct-manipulation.stories.mdx":1609,"./guides/internationalization.stories.mdx":1610,"./guides/multi-platform-apps.stories.mdx":1611,"./guides/server-side-rendering.stories.mdx":1612,"./guides/style.stories.mdx":1613,"./guides/unstable.stories.mdx":1614,"./guides/web-recipes.stories.mdx":1615,"./introduction.stories.mdx":1616};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1427},1428:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|AppRegistry",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"appregistry"},"AppRegistry"),(0,_react2.mdx)("p",null,"AppRegistry is the control point for registering, running, prerendering, and\nunmounting all apps. App root components should register themselves with\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"AppRegistry.registerComponent"),". Apps can be run by invoking\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"AppRegistry.runApplication"),"."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"getappkeys"},"getAppKeys()"),(0,_react2.mdx)("p",null,"Returns an array of all registered app keys"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const appKeys = AppRegistry.getAppKeys();\n")),(0,_react2.mdx)("h3",{id:"getapplicationappkey-appparams"},"getApplication(appKey, appParams)"),(0,_react2.mdx)("p",null,"A web-only method for server-side rendering to HTML and CSS. It returns an\nobject containing the given application's element and a function to get styles\nonce the element is rendered."),(0,_react2.mdx)("p",null,"Additional props can be passed to the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"getStyleElement")," function, e.g., your CSP\npolicy may require a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"nonce")," to be set on style elements."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const appKey = 'MyApp';\nconst appParams = { ... };\nconst { element, getStyleElement } = AppRegistry.getApplication(appKey, appParams);\n")),(0,_react2.mdx)("h3",{id:"registercomponentappkey-getcomponent"},"registerComponent(appKey, getComponent)"),(0,_react2.mdx)("p",null,"Register a component provider under the given appKey."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const appKey = 'MyApp';\nconst getComponent = () => App;\nAppRegistry.registerComponent(appKey, getComponent)\n")),(0,_react2.mdx)("h3",{id:"registerconfigconfig"},"registerConfig(config)"),(0,_react2.mdx)("p",null,"Register multiple applications. AppConfig type is:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type AppConfig = {\n appKey: string;\n component: ComponentProvider;\n run?: function\n}\n\nconst config = [{\n appKey: 'FirstApp',\n component: () => FirstApp\n}, {\n appKey: 'SecondApp',\n component: () => SecondApp\n}];\nAppRegistry.registerConfig(config)\n")),(0,_react2.mdx)("h3",{id:"registerrunnableappkey-run"},"registerRunnable(appKey, run)"),(0,_react2.mdx)("p",null,"Register a custom render function for an application. The function will receive\nthe ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"appParameters")," passed to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"runApplication"),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"AppRegistry.registerRunnable('MyApp', (appParams) => { ... });\n")),(0,_react2.mdx)("h3",{id:"runapplicationappkey-appparams"},"runApplication(appKey, appParams)"),(0,_react2.mdx)("p",null,"Runs the application that was registered under ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"appKey"),". The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"appParameters"),"\nmust include the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"rootTag")," into which the application is rendered, and\noptionally any ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"initialProps")," or render callback. If the client should hydrate\nserver-rendered HTML, set ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"hydrate")," to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"AppRegistry.runApplication('MyApp', {\n callback: () => { console.log('React rendering has finished') },\n hydrate: true,\n initialProps: {},\n rootTag: document.getElementById('react-root'),\n})\n")),(0,_react2.mdx)("h3",{id:"setcomponentproviderinstrumentationhookcomponentprovider"},"setComponentProviderInstrumentationHook(componentProvider)"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type setComponentProviderInstrumentationHook = (componentProvider: func) => Component;\n")),(0,_react2.mdx)("h3",{id:"setwrappercomponentproviderappparams"},"setWrapperComponentProvider(appParams)"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type setWrapperComponentProvider = (appParameters: object) => Component;\n")),(0,_react2.mdx)("h3",{id:"unmountapplicationcomponentatroottagroottag"},"unmountApplicationComponentAtRootTag(rootTag)"),(0,_react2.mdx)("p",null,'To "stop" an application when a view should be destroyed, call\n',(0,_react2.mdx)("inlineCode",{parentName:"p"},"AppRegistry.unmountApplicationComponentAtRootTag")," with the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"rootTag")," that was passed\ninto ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"runApplication"),"."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"APIs|AppRegistry",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1429:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(64),__webpack_require__(47),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=StateChanges;var _defineProperty2=_interopRequireDefault(__webpack_require__(22)),_slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_AppState=_interopRequireDefault(__webpack_require__(1433)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function StateChanges(){var _React$useState=_react.default.useState({active:0,background:0,currentState:_AppState.default.currentState}),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),state=_React$useState2[0],updateState=_React$useState2[1];return _react.default.useEffect((function(){var handleChange=function(nextState){updateState((function(previousState){return function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}({},previousState,(0,_defineProperty2.default)({},nextState,previousState[nextState]+1))}))};return _AppState.default.addEventListener("change",handleChange),function(){_AppState.default.removeEventListener("change",handleChange)}}),[]),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,null,"Active count: ",state.active),_react.default.createElement(_Text.default,null,"Background count: ",state.background),_react.default.createElement(_Text.default,null,"Current state is: ",state.currentState))}StateChanges.displayName="StateChanges",StateChanges.__docgenInfo={description:"",methods:[],displayName:"StateChanges"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/AppState/examples/StateChanges.js"]={name:"StateChanges",docgenInfo:StateChanges.__docgenInfo,path:"src/apis/AppState/examples/StateChanges.js"})},1433:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return AppState}));var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(24),array_find_index__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(530),array_find_index__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(array_find_index__WEBPACK_IMPORTED_MODULE_1__),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__);function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}var isPrefixed=fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM&&!document.hasOwnProperty("hidden")&&document.hasOwnProperty("webkitHidden"),EVENT_TYPES=["change","memoryWarning"],VISIBILITY_CHANGE_EVENT=isPrefixed?"webkitvisibilitychange":"visibilitychange",VISIBILITY_STATE_PROPERTY=isPrefixed?"webkitVisibilityState":"visibilityState",AppStates_BACKGROUND="background",AppStates_ACTIVE="active",listeners=[],AppState=function(){function AppState(){}return AppState.addEventListener=function addEventListener(type,handler){if(AppState.isAvailable&&(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(-1!==EVENT_TYPES.indexOf(type),'Trying to subscribe to unknown event: "%s"',type),"change"===type)){var callback=function callback(){return handler(AppState.currentState)};listeners.push([handler,callback]),document.addEventListener(VISIBILITY_CHANGE_EVENT,callback,!1)}},AppState.removeEventListener=function removeEventListener(type,handler){if(AppState.isAvailable&&(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(-1!==EVENT_TYPES.indexOf(type),'Trying to remove listener for unknown event: "%s"',type),"change"===type)){var listenerIndex=array_find_index__WEBPACK_IMPORTED_MODULE_1___default()(listeners,(function(pair){return pair[0]===handler}));fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(-1!==listenerIndex,"Trying to remove AppState listener for unregistered handler");var callback=listeners[listenerIndex][1];document.removeEventListener(VISIBILITY_CHANGE_EVENT,callback,!1),listeners.splice(listenerIndex,1)}},function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}(AppState,null,[{key:"currentState",get:function get(){if(!AppState.isAvailable)return AppStates_ACTIVE;switch(document[VISIBILITY_STATE_PROPERTY]){case"hidden":case"prerender":case"unloaded":return AppStates_BACKGROUND;default:return AppStates_ACTIVE}}}]),AppState}();AppState.isAvailable=fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM&&document[VISIBILITY_STATE_PROPERTY]},1440:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.stateChanges=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(510)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|AppState",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"appstate"},"AppState"),(0,_react2.mdx)("p",null,"AppState can tell you if the app is in the foreground or background, and notify\nyou when the state changes. States: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"active")," (the app is running in the\nforeground), ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"background")," (the app is running in the background, i.e., the user\nhas not focused the app's tab)."),(0,_react2.mdx)("h2",{id:"properties"},"Properties"),(0,_react2.mdx)("h3",{id:"isavailable"},"isAvailable"),(0,_react2.mdx)("p",null,"Determines whether the browser environment supports ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"AppState"),"."),(0,_react2.mdx)("h3",{id:"currentstate"},"currentState"),(0,_react2.mdx)("p",null,'Returns the current state of the app: "active" or "background".'),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"addeventlistenertype-handler"},"addEventListener(type, handler)"),(0,_react2.mdx)("p",null,"Add a handler to AppState changes by listening to the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"change")," event type and\nproviding the handler. The handler is called with the app state value."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"AppState.addEventListener('change', (currentState) => {});\n")),(0,_react2.mdx)("h3",{id:"removeeventlistenertype-handler"},"removeEventListener(type, handler)"),(0,_react2.mdx)("p",null,"Remove a handler by passing the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"change")," event type and the handler."),(0,_react2.mdx)("p",null,"AppState.removeEventListener('change', handler);"),(0,_react2.mdx)("h2",{id:"example"},"Example"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"stateChanges",mdxType:"Story"},(0,_react2.mdx)(Stories.stateChanges,null))))}MDXContent.isMDXComponent=!0;var stateChanges=function stateChanges(){return(0,_react2.mdx)(Stories.stateChanges,null)};exports.stateChanges=stateChanges,(stateChanges.story={}).name="stateChanges",stateChanges.story.parameters={mdxSource:"<Stories.stateChanges />"};var componentMeta={title:"APIs|AppState",includeStories:["stateChanges"]},mdxStoryNameToKey={stateChanges:"stateChanges"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1441:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.colorScheme=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1442)),Story=function makeShortcode(name){return function MDXDefaultShortcode(props){return console.warn("Component "+name+" was not imported, exported, or provided by MDXProvider as global scope"),(0,_react2.mdx)("div",props)}}("Story"),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|Appearance",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"appearance"},"Appearance"),(0,_react2.mdx)("p",null,"The Appearance module exposes information about the user's appearance\npreferences, such as their preferred color scheme (light or dark). In\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native-web")," this is achieved using the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"prefers-color-scheme")," media query."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"getcolorscheme"},"getColorScheme()"),(0,_react2.mdx)("p",null,"You can use the Appearance module to determine if the user prefers a dark color\nscheme:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const colorScheme = Appearance.getColorScheme();\nif (colorScheme === 'dark') {\n // Use dark color scheme\n}\n")),(0,_react2.mdx)("p",null,"Although the color scheme is available immediately, this may change (e.g.\nscheduled color scheme change at sunrise or sunset). Any rendering logic or\nstyles that depend on the user preferred color scheme should try to call this\nfunction on every render, rather than caching the value."),(0,_react2.mdx)("h2",{id:"hooks"},"Hooks"),(0,_react2.mdx)("h3",{id:"usecolorscheme"},"useColorScheme"),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"useColorScheme")," React hook provides and subscribes to color scheme updates\nfrom the Appearance module. The return value indicates the current user\npreferred color scheme. The value may be updated later, either through direct\nuser action (e.g. theme selection in device settings) or on a schedule (e.g.\nlight and dark themes that follow the day/night cycle)."),(0,_react2.mdx)("p",null,"Supported color schemes:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"'light'"),": The user prefers a light color theme."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"'dark'"),": The user prefers a dark color theme."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"null"),": The user has not indicated a preferred color theme.")),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import * as React from 'react';\nimport { Text, useColorScheme } from 'react-native';\n\nconst MyComponent = () => {\n const colorScheme = useColorScheme();\n return <Text>Your color scheme is: {colorScheme}</Text>;\n};\n")),(0,_react2.mdx)("p",null,"This produces:"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(Story,{name:"colorScheme",mdxType:"Story"},(0,_react2.mdx)(Stories.colorSchemeText,null))))}MDXContent.isMDXComponent=!0;var colorScheme=function colorScheme(){return(0,_react2.mdx)(Stories.colorSchemeText,null)};exports.colorScheme=colorScheme,(colorScheme.story={}).name="colorScheme",colorScheme.story.parameters={mdxSource:"<Stories.colorSchemeText />"};var componentMeta={title:"APIs|Appearance",includeStories:["colorScheme"]},mdxStoryNameToKey={colorScheme:"colorScheme"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1442:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"colorSchemeText",{enumerable:!0,get:function get(){return _ColorSchemeText.default}});var _ColorSchemeText=_interopRequireDefault(__webpack_require__(1443))},1443:function(module,exports,__webpack_require__){__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ColorSchemeText;var _interopRequireDefault=__webpack_require__(1),React=__webpack_require__(14)(__webpack_require__(0)),_Text=_interopRequireDefault(__webpack_require__(9)),_useColorScheme=_interopRequireDefault(__webpack_require__(1623));function ColorSchemeText(){var colorScheme=(0,_useColorScheme.default)();return React.createElement(_Text.default,null,"Your color scheme is: ",colorScheme)}ColorSchemeText.displayName="ColorSchemeText",ColorSchemeText.__docgenInfo={description:"",methods:[],displayName:"ColorSchemeText"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/Appearance/examples/ColorSchemeText.js"]={name:"ColorSchemeText",docgenInfo:ColorSchemeText.__docgenInfo,path:"src/apis/Appearance/examples/ColorSchemeText.js"})},1444:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=SetString;var _Button=_interopRequireDefault(__webpack_require__(120)),_Clipboard=_interopRequireDefault(__webpack_require__(1445)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3)),_react=_interopRequireDefault(__webpack_require__(0));function SetString(){return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,{style:styles.buttonBox},_react.default.createElement(_Button.default,{onPress:function setString(){var success=_Clipboard.default.setString("This text was copied to the clipboard by React Native");console.log("Clipboard.setString success? ".concat(success))},title:"Copy to clipboard"})),_react.default.createElement(_TextInput.default,{multiline:!0,placeholder:"Try pasting here afterwards",style:styles.textInput}))}SetString.displayName="SetString";var styles=_StyleSheet.default.create({buttonBox:{maxWidth:300},textInput:{borderColor:"#AAB8C2",borderWidth:1,height:50,marginTop:20,padding:5}});SetString.__docgenInfo={description:"",methods:[],displayName:"SetString"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/Clipboard/examples/SetString.js"]={name:"SetString",docgenInfo:SetString.__docgenInfo,path:"src/apis/Clipboard/examples/SetString.js"})},1445:function(module,__webpack_exports__,__webpack_require__){"use strict";var clipboardAvailable;__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Clipboard}));var Clipboard=function(){function Clipboard(){}return Clipboard.isAvailable=function isAvailable(){return void 0===clipboardAvailable&&(clipboardAvailable="function"==typeof document.queryCommandSupported&&document.queryCommandSupported("copy")),clipboardAvailable},Clipboard.getString=function getString(){return Promise.resolve("")},Clipboard.setString=function setString(text){var success=!1,body=document.body;if(body){var node=document.createElement("span");node.textContent=text,node.style.opacity="0",node.style.position="absolute",node.style.whiteSpace="pre-wrap",node.style.userSelect="auto",body.appendChild(node);var selection=window.getSelection();selection.removeAllRanges();var range=document.createRange();range.selectNodeContents(node),selection.addRange(range);try{document.execCommand("copy"),success=!0}catch(e){}selection.removeAllRanges(),body.removeChild(node)}return success},Clipboard}()},1446:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.setString=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(512)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|Clipboard",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"clipboard"},"Clipboard"),(0,_react2.mdx)("p",null,"Clipboard gives you an interface for setting to the clipboard. (Getting\nclipboard content is not currently supported on web.)"),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"isavailable"},"isAvailable()"),(0,_react2.mdx)("p",null,"Determines whether the browser environment supports Clipboard at all."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"if (Clipboard.isAvailable) {\n // you can use the Clipboard API\n}\n")),(0,_react2.mdx)("h3",{id:"setstringstring"},"setString(string)"),(0,_react2.mdx)("p",null,"Copies a string to the clipboard. On web, some browsers may not support copying\nto the clipboard, therefore, this function returns a boolean to indicate if the\ncopy was successful."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const wasSet = Clipboard.setString('add this to clipboard');\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"setString",mdxType:"Story"},(0,_react2.mdx)(Stories.setString,null))),(0,_react2.mdx)("h3",{id:"getstring"},"getString()"),(0,_react2.mdx)("p",null,"Not properly supported on Web. Returns a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Promise")," of an empty string."))}MDXContent.isMDXComponent=!0;var setString=function setString(){return(0,_react2.mdx)(Stories.setString,null)};exports.setString=setString,(setString.story={}).name="setString",setString.story.parameters={mdxSource:"<Stories.setString />"};var componentMeta={title:"APIs|Clipboard",includeStories:["setString"]},mdxStoryNameToKey={setString:"setString"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1447:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(7),__webpack_require__(48),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=StateChange;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_Button=_interopRequireDefault(__webpack_require__(120)),_Dimensions=_interopRequireDefault(__webpack_require__(161)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_react=_interopRequireWildcard(__webpack_require__(0)),StateChangeExample=function(_Component){function StateChangeExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,StateChangeExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(StateChangeExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{listened:!1,logs:[]}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"toggle",(function(){var listened=_this.state.listened;listened?(_Dimensions.default.removeEventListener("change",_this._handleChange),_this._log("Removed listener")):(_Dimensions.default.addEventListener("change",_this._handleChange),_this._log("Added listener")),_this.setState((function(){return{listened:!listened}}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleChange",(function(_ref){var window=_ref.window,screen=_ref.screen;window=JSON.stringify(window,null,2),screen=JSON.stringify(screen,null,2),_this._log("Changed\nwindow = ".concat(window,"\nscreen = ").concat(screen))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_log",(function(msg){_this.setState((function(state){return{logs:["".concat((new Date).toTimeString()," - ").concat(msg)].concat((0,_toConsumableArray2.default)(state.logs))}}))})),_this}return(0,_inherits2.default)(StateChangeExample,_Component),(0,_createClass2.default)(StateChangeExample,[{key:"componentWillUnmount",value:function componentWillUnmount(){_Dimensions.default.removeEventListener("change",this._handleChange)}},{key:"render",value:function render(){var _this$state=this.state,logs=_this$state.logs,buttonTitle=_this$state.listened?"Remove listener":"Add listener";return _react.default.createElement(_View.default,null,_react.default.createElement(_Button.default,{onPress:this.toggle,title:buttonTitle}),_react.default.createElement(_ScrollView.default,{style:styles.logs},logs.map((function(log,i){return _react.default.createElement(_Text.default,{key:i,style:styles.log},log)}))))}}]),StateChangeExample}(_react.Component);StateChangeExample.displayName="StateChangeExample";var _ref2=_react.default.createElement(StateChangeExample,null);function StateChange(){return _ref2}StateChange.displayName="StateChange";var styles=_StyleSheet.default.create({logs:{maxHeight:256},log:{fontFamily:"monospace, monospace",marginTop:8,marginBottom:8}});StateChange.__docgenInfo={description:"",methods:[],displayName:"StateChange"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/Dimensions/examples/StateChanges.js"]={name:"StateChange",docgenInfo:StateChange.__docgenInfo,path:"src/apis/Dimensions/examples/StateChanges.js"})},1455:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.stateChanges=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(513)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|Dimensions",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"dimensions"},"Dimensions"),(0,_react2.mdx)("p",null,"Note: dimensions may change (e.g., due to device rotation) so any rendering\nlogic or styles that depend on these constants should try to call this function\non every render, rather than caching the value."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"getdimension"},"get(dimension)"),(0,_react2.mdx)("p",null,"Get a dimension (e.g., ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"window")," or ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"screen"),")."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const { height, width } = Dimensions.get('window')\n")),(0,_react2.mdx)("h3",{id:"setdimensions"},"set(dimensions)"),(0,_react2.mdx)("p",null,"This should only be called server-side with an estimate for initial dimensions\nto be used when pre-rendering pages on the server."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"Dimensions.set({\n window: {\n height: estimatedHeight,\n width: estimatedWidth\n }\n})\n")),(0,_react2.mdx)("h3",{id:"addeventlistenertype-handler"},"addEventListener(type, handler)"),(0,_react2.mdx)("p",null,"Add an event handler. Supported events:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"change"),": Fires when a property within the ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"Dimensions")," object changes. The argument to the event handler is an object with ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"window")," and ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"screen")," properties whose values are the same as the return values of ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"Dimensions.get('window')")," and ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"Dimensions.get('screen')"),", respectively.")),(0,_react2.mdx)("h3",{id:"removeeventlistenertype-handler"},"removeEventListener(type, handler)"),(0,_react2.mdx)("p",null,"Remove an event handler."),(0,_react2.mdx)("h2",{id:"example"},"Example"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"stateChanges",mdxType:"Story"},(0,_react2.mdx)(Stories.stateChanges,null))))}MDXContent.isMDXComponent=!0;var stateChanges=function stateChanges(){return(0,_react2.mdx)(Stories.stateChanges,null)};exports.stateChanges=stateChanges,(stateChanges.story={}).name="stateChanges",stateChanges.story.parameters={mdxSource:"<Stories.stateChanges />"};var componentMeta={title:"APIs|Dimensions",includeStories:["stateChanges"]},mdxStoryNameToKey={stateChanges:"stateChanges"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1456:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(23),__webpack_require__(20),__webpack_require__(64),__webpack_require__(47),__webpack_require__(305),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(98),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=LayoutRTL;var _defineProperty2=_interopRequireDefault(__webpack_require__(22)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_Page=_interopRequireDefault(__webpack_require__(1457)),_Block=_interopRequireDefault(__webpack_require__(1459)),_Animated=_interopRequireDefault(__webpack_require__(347)),_Button=_interopRequireDefault(__webpack_require__(120)),_I18nManager=_interopRequireDefault(__webpack_require__(112)),_Image=_interopRequireDefault(__webpack_require__(69)),_PanResponder=_interopRequireDefault(__webpack_require__(348)),_PixelRatio=_interopRequireDefault(__webpack_require__(354)),_Platform=_interopRequireDefault(__webpack_require__(157)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableWithoutFeedback=_interopRequireDefault(__webpack_require__(198)),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}var SCALE=_PixelRatio.default.get(),IMAGE_DIMENSION=100*SCALE,IMAGE_SIZE=[IMAGE_DIMENSION,IMAGE_DIMENSION],iconSource="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0yNS44NjcsNDguODUzQzMyLjgwNiw1MC4xNzYsNDYuNDYsNTIuNSw2MS4yMTUsNTIuNWgwLjAwNWM5LjcxLDAsMTguNDAxLTEuMDU3LDI1LjkzOC0yLjkxMyAgIGMwLjE1OS0wLjA0NiwwLjM1LTAuMTM1LDAuNTY1LTAuMTg3YzAuMjgyLTAuMDcyLDAuNTY1LTAuMTY0LDAuODQ0LTAuMjM4YzMuMTg0LTAuOTY0LDIuNTc3LTMuMDUxLDIuMTk5LTMuODUyICAgYy00LjE2Ni03LjcxOS0xNS4wODYtMjMuNDE1LTM1LjAyOC0yMy40MTVjLTIyLjE2OSwwLTMwLjI2MiwxMC42MzUtMzMuMTQsMTkuNTg5QzIyLjU0NSw0Mi4zMzMsMjIuNDA3LDQ3LjEzNSwyNS44NjcsNDguODUzeiAgICBNMjguNjc2LDM4LjAzMmMwLjAxMy0wLjAzNiwwLjYxNC0xLjYyNiwxLjkyMy0xLjAwOGMxLjEzMywwLjUzNSwwLjk2MSwxLjU2MywwLjg4NywxLjg1Yy0wLjAwNywwLjAyNC0wLjAxNCwwLjA0OC0wLjAyMSwwLjA3MyAgIGMwLDAuMDAxLTAuMDAxLDAuMDA0LTAuMDAxLDAuMDA0bDAsMGMtMC4yNDksMC45MjktMC40MDQsMi4wODYtMC4wMTcsMi44NmMwLjE2LDAuMzE5LDAuNDkyLDAuNzY4LDEuNTQyLDAuOTg3bDAuMzY2LDAuMDc3ICAgYzIwLjgxNiw0LjM2LDM2LDIuOTMzLDQ1LjY3OCwwLjYyNmwtMC4wMDQsMC4wMDJjMCwwLDAuMDA1LTAuMDAyLDAuMDA3LTAuMDAzYzAuMjEyLTAuMDUsMC40MjEtMC4xMDEsMC42MjgtMC4xNTIgICBjMC41MDktMC4wNSwxLjE3MywwLjA3OCwxLjM5OSwxYzAuMzUxLDEuNDI0LTAuOTczLDEuODk1LTEuMjE3LDEuOTY5Yy01LjMyNSwxLjI3OS0xMi4yNjYsMi4zMDYtMjAuODM1LDIuMzA3ICAgYy03LjUwNSwwLTE2LjI1NS0wLjc4Ny0yNi4yNTctMi44ODJsLTAuMzY0LTAuMDc3Yy0yLjEyLTAuNDQyLTMuMTExLTEuNjMzLTMuNTY5LTIuNTU1QzI3Ljk4NSw0MS40MjEsMjguMjgxLDM5LjQxNiwyOC42NzYsMzguMDMyICAgeiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEwLjQ5MyIgY3k9IjIzLjQ1NSIgcj0iMC42MTkiPjwvY2lyY2xlPjxwYXRoIGQ9Ik0yLjA4LDI4LjMwOGMwLjY3Ni0wLjE3OCwwLjk4My0wLjM1MiwxLjE3NC0wLjVDNC42OSwyNi42OSw2LjUsMjcuNDgzLDcuNSwyOC4zNTd2MC4wMDJjMCwwLDEuNzExLDEuMjM1LDAuNzM3LDIuMjAyICAgYy0wLjk3NCwwLjk2NS0yLjMxOSwwLjAwNi0yLjMxOSwwLjAwNmwwLjAzNSwwLjAxNmMtMC4zMjctMC4yMDMtMC42LTAuNTYxLTAuNzgtMC41ODRjLTAuMzcsMC4yNi0wLjg3NiwwLjUtMS40NzYsMC41SDMuNyAgIGMwLDAtMS4zNDUsMC43MDksMC4xNzgsMS42NTJjMC4wMDEsMC4wMDEsMC4wMDIsMC4wNzIsMC4wMDQsMC4wNzNjMy45MzksMi4zNDIsOC4yNzEsNS43MDEsOC4yNzEsOC44OCAgIGMwLDAuNjkxLDAuMiwxNy4wNDIsMTcuNjI2LDI0LjczOWwwLjk2NywwLjQ0MmwtMC4xLDEuMDU5Yy0wLjQyMSw0LjM5LDEuMTQ1LDEwLjE5MSwxMC45OTMsMTIuODg4bDAuMTEzLDAuMDM4ICAgYzAuMDY3LDAuMDIzLDYuNzMyLDIuNDI5LDEwLjkwNywyLjQyOWMxLjU4NCwwLDIuMTU1LTAuMzUyLDIuMjQzLTAuNTYxYzAuMDg1LTAuMjAyLDAuNjEyLTIuMTY0LTYuMzMyLTkuMzg3bDAuMDAyLTAuMTgzICAgYzAsMC0yLjQ3Ny0zLjA3LDEuNTMzLTMuMDdjMC4wMSwwLDAuMDE5LDAsMC4wMjksMGMxLjI4NSwwLDIuNjA4LDAuMjE1LDMuOTgsMC4xODRjNC43NzEtMC4xMTcsOS4zMTYtMC40MjUsMTMuNTA2LTEuMDk2ICAgbDAuNDc0LTAuMDI4bDAuNjY4LDAuMTU4YzkuNjUxLDQuOTQ4LDE2LjczOCw3LjcxNiwxOS43MzgsNy43MTZ2MC4wMDZjMCwwLDAuMTY0LDAuMDExLDAuMjMsMC4wMDQgICBjLTAuMTg5LTAuNzIzLTIuMjMtMi44LTcuMjMtOS4wNzl2MC4wMjFjMCwwLTEuNTEyLTEuNjU4LDAuNzk3LTIuNjUzYzAuMDYzLTAuMDI2LDAuMDA4LDAuMDIzLDAuMDYtMC4wMDEgICBjOC42MzktMy41MDksMTMuNTAxLTguMjA0LDE1LjQxMS0xMS43NzVjMS4xNDUtMi4xMjksMC4yMDYtMi43ODQtMC42NTktMi45NzZjLTAuMzE3LTAuMDM4LTAuNjM0LTAuMDYyLTAuOTEyLTAuMDYyICAgYy0wLjIwNSwwLTAuMzc5LDAuMDEtMC41MjgsMC4wMjdsLTMuMTQzLDEuMjE0QzgzLjczMiw1My45MjYsNzMuMjE4LDU1LjUsNjEuMjIsNTUuNWMtMC4wMDIsMC0wLjAwNSwwLTAuMDA1LDAgICBjLTE1LjEyOCwwLTI5LjEwMS0yLjQzMi0zNi4wODMtMy43NzFsLTAuMTczLTAuMTExbC0wLjE2LTAuMTI2Yy01Ljg1OC0yLjY4MS01LjEzNy0xMC4yMDItNS4xMDMtMTAuNTE5bDAuMDYtMC4zICAgYzAuODk1LTIuODM4LDIuNDY3LTYuMzUyLDUuMjEzLTkuNzE5Yy0xLjgwOC0xLjM2OS00LjU5LTQuMTg4LTQuNDMtOC40OTRjMC4wNDYtMS4yNDQtMC40ODYtMi41MDgtMS40OTgtMy41NTkgICBjLTEuNDk4LTEuNTU1LTMuNzg1LTIuNDQ2LTYuMjc0LTIuNDQ2Yy0xLjc3LDAtMy41NTMsMC40NDItNS4yOTMsMS4zMTRjLTQuMDYxLDIuMDM1LTQuODU1LDQuNzM2LTUuNjkyLDcuNTk2ICAgYy0wLjEzNiwwLjQ2OC0wLjI4NCwwLjkzOS0wLjQzOCwxLjQxYy0wLjAwNiwwLjAxOS0wLjAyMiwwLjAzNS0wLjAyOCwwLjA1NkMwLjgzMywyOC40MjMsMS42OTEsMjguMzksMi4wOCwyOC4zMDh6IE0xMC40OTMsMTkuOTA4ICAgYzEuOTU2LDAsMy41NDgsMS41OTEsMy41NDgsMy41NDdjMCwxLjk1Ny0xLjU5MiwzLjU0OC0zLjU0OCwzLjU0OGMtMS45NTcsMC0zLjU0OC0xLjU5Mi0zLjU0OC0zLjU0OCAgIEM2Ljk0NCwyMS40OTksOC41MzYsMTkuOTA4LDEwLjQ5MywxOS45MDh6Ij48L3BhdGg+PC9nPjwvc3ZnPg==",_ref=_react.default.createElement(_Text.default,null,"Text Text Text");function ListItem(props){return _react.default.createElement(_View.default,{style:styles.row},_react.default.createElement(_View.default,{style:styles.column1},_react.default.createElement(_Image.default,{source:props.imageSource,style:styles.icon})),_react.default.createElement(_View.default,{style:styles.column2},_react.default.createElement(_View.default,{style:styles.textBox},_ref)),_react.default.createElement(_View.default,{style:styles.column3},_react.default.createElement(_Button.default,{onPress:function onPress(){},style:styles.smallButton,title:"Button"})))}function TextAlignmentExample(props){return _react.default.createElement(_Block.default,{description:props.description,title:props.title},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:props.style},"Left-to-Right language text alignment."),_react.default.createElement(_Text.default,{style:props.style},"من اليمين إلى اليسار اللغة دون محاذاة النص"),_react.default.createElement(_Text.default,{style:props.style},"מימין לשמאל השפה בלי יישור טקסט")))}function AnimationBlock(props){return _react.default.createElement(_View.default,{style:styles.block},_react.default.createElement(_TouchableWithoutFeedback.default,{onPress:props.onPress},_react.default.createElement(_Animated.default.Image,{source:{uri:"https://picsum.photos/130/130/?image=909"},style:[styles.img,props.imgStyle]})))}function withRTLState(Component){return function(_React$Component){function _class(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,_class);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(_class)).call.apply(_getPrototypeOf2,[this].concat(args)))).state={isRTL:!1},_this}return(0,_inherits2.default)(_class,_React$Component),(0,_createClass2.default)(_class,[{key:"render",value:function render(){var _this2=this,isRTL="ios"===_Platform.default?this.state.isRTL:_I18nManager.default.isRTL;return _react.default.createElement(Component,{isRTL:isRTL,setRTL:function setRTL(isRTL){return _this2.setState({isRTL:isRTL})}})}}]),_class}(_react.default.Component)}ListItem.displayName="ListItem",TextAlignmentExample.displayName="TextAlignmentExample",AnimationBlock.displayName="AnimationBlock";var RTLToggler=function(_ref2){var isRTL=_ref2.isRTL,setRTL=_ref2.setRTL;return"ios"!==_Platform.default.OS?_react.default.createElement(_Text.default,{style:styles.rtlToggler},isRTL?"RTL":"LTR"):_react.default.createElement(_Button.default,{accessibilityLabel:"Change layout direction",color:"gray",onPress:function toggleRTL(){return setRTL(!isRTL)},title:isRTL?"RTL":"LTR"})};RTLToggler.displayName="RTLToggler";var _ref4=_react.default.createElement(_Text.default,null,"paddingStart: 50,"),_ref5=_react.default.createElement(_Text.default,null,"paddingEnd: 10"),_ref6=_react.default.createElement(_Text.default,null),PaddingExample=withRTLState((function(_ref3){var isRTL=_ref3.isRTL,setRTL=_ref3.setRTL;return _react.default.createElement(_Block.default,{title:"padding{Start,End}"},_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref4,_ref5,_ref6,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_react.default.createElement(_Text.default,null,"The ","teal"," is padding."),_react.default.createElement(_View.default,{style:{backgroundColor:"teal",paddingStart:50,paddingEnd:10,borderWidth:1,borderColor:"teal",direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{backgroundColor:"white",paddingTop:5,paddingBottom:5,borderLeftWidth:1,borderRightWidth:1,borderColor:"gray"}},_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL}))))})),_ref8=_react.default.createElement(_Text.default,null,"marginStart: 50,"),_ref9=_react.default.createElement(_Text.default,null,"marginEnd: 10"),_ref10=_react.default.createElement(_Text.default,null),_ref11=_react.default.createElement(_Text.default,null,"The green is margin."),MarginExample=withRTLState((function(_ref7){var isRTL=_ref7.isRTL,setRTL=_ref7.setRTL;return _react.default.createElement(_Block.default,{title:"margin{Start,End}"},_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref8,_ref9,_ref10,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_ref11,_react.default.createElement(_View.default,{style:{backgroundColor:"green",borderWidth:1,borderColor:"green",direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{backgroundColor:"white",paddingTop:5,paddingBottom:5,marginStart:50,marginEnd:10,borderLeftWidth:1,borderRightWidth:1,borderColor:"gray"}},_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL}))))})),_ref13=_react.default.createElement(_Text.default,null,"start: 50"),_ref14=_react.default.createElement(_Text.default,null),_ref15=_react.default.createElement(_Text.default,null,"The orange is position."),_ref16=_react.default.createElement(_Text.default,null),_ref17=_react.default.createElement(_Text.default,null,"end: 50"),_ref18=_react.default.createElement(_Text.default,null),_ref19=_react.default.createElement(_Text.default,null,"The orange is position."),PositionExample=withRTLState((function(_ref12){var isRTL=_ref12.isRTL,setRTL=_ref12.setRTL;return _react.default.createElement(_Block.default,{title:'position: "start" | "end"'},_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref13,_ref14,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_ref15,_react.default.createElement(_View.default,{style:{backgroundColor:"orange",borderWidth:1,borderColor:"orange",direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{backgroundColor:"white",start:50,borderColor:"gray"}},_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL}))),_ref16,_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref17,_ref18,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_ref19,_react.default.createElement(_View.default,{style:{backgroundColor:"orange",borderWidth:1,borderColor:"orange",direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{backgroundColor:"white",end:50,borderColor:"gray"}},_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL}))))})),_ref21=_react.default.createElement(_Text.default,null,"borderStartWidth: 10,"),_ref22=_react.default.createElement(_Text.default,null,"borderEndWidth: 50"),_ref23=_react.default.createElement(_Text.default,null),BorderWidthExample=withRTLState((function(_ref20){var isRTL=_ref20.isRTL,setRTL=_ref20.setRTL;return _react.default.createElement(_Block.default,{title:"border{Start,End}Width"},_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref21,_ref22,_ref23,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_react.default.createElement(_View.default,{style:{direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{borderStartWidth:10,borderEndWidth:50}},_react.default.createElement(_View.default,null,_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL})))))})),_ref25=_react.default.createElement(_Text.default,null,"borderStartColor: 'red',"),_ref26=_react.default.createElement(_Text.default,null,"borderEndColor: 'green',"),_ref27=_react.default.createElement(_Text.default,null),BorderColorExample=withRTLState((function(_ref24){var isRTL=_ref24.isRTL,setRTL=_ref24.setRTL;return _react.default.createElement(_Block.default,{title:"border{Start,End}Color"},_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref25,_ref26,_ref27,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_react.default.createElement(_View.default,{style:{direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{borderStartColor:"red",borderEndColor:"green",borderLeftWidth:20,borderRightWidth:20,padding:10}},_react.default.createElement(_View.default,null,_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL})))))})),_ref29=_react.default.createElement(_Text.default,null,"borderTopStartRadius: 10,"),_ref30=_react.default.createElement(_Text.default,null,"borderTopEndRadius: 20,"),_ref31=_react.default.createElement(_Text.default,null,"borderBottomStartRadius: 30,"),_ref32=_react.default.createElement(_Text.default,null,"borderBottomEndRadius: 40"),_ref33=_react.default.createElement(_Text.default,null),BorderRadiiExample=withRTLState((function(_ref28){var isRTL=_ref28.isRTL,setRTL=_ref28.setRTL;return _react.default.createElement(_Block.default,{title:"border{Top,Bottom}{Start,End}Radius"},_react.default.createElement(_Text.default,{style:styles.bold},"Styles"),_ref29,_ref30,_ref31,_ref32,_ref33,_react.default.createElement(_Text.default,{style:styles.bold},"Demo: "),_react.default.createElement(_View.default,{style:{direction:isRTL?"rtl":"ltr"}},_react.default.createElement(_View.default,{style:{borderWidth:10,borderTopStartRadius:10,borderTopEndRadius:20,borderBottomStartRadius:30,borderBottomEndRadius:40,padding:10}},_react.default.createElement(_View.default,null,_react.default.createElement(RTLToggler,{isRTL:isRTL,setRTL:setRTL})))))})),_ref34=_react.default.createElement(PaddingExample,null),_ref35=_react.default.createElement(MarginExample,null),_ref36=_react.default.createElement(PositionExample,null),_ref37=_react.default.createElement(BorderColorExample,null),_ref38=_react.default.createElement(BorderWidthExample,null),_ref39=_react.default.createElement(BorderRadiiExample,null),LayoutRTLExample=function(_React$Component2){function LayoutRTLExample(props){var _this3;(0,_classCallCheck2.default)(this,LayoutRTLExample),_this3=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf3.default)(LayoutRTLExample).call(this,props));var pan=new _Animated.default.ValueXY;_this3._panResponder=_PanResponder.default.create({onStartShouldSetPanResponder:function onStartShouldSetPanResponder(){return!0},onPanResponderGrant:_this3._onPanResponderGrant,onPanResponderMove:_Animated.default.event([null,{dx:pan.x,dy:pan.y}]),onPanResponderRelease:_this3._onPanResponderEnd,onPanResponderTerminate:_this3._onPanResponderEnd});var doLeftAndRightSwapInRTL=_I18nManager.default.doLeftAndRightSwapInRTL,isRTL=_I18nManager.default.isRTL;return _this3.state={toggleStatus:{},pan:pan,linear:new _Animated.default.Value(0),isRTL:isRTL,doLeftAndRightSwapInRTL:doLeftAndRightSwapInRTL,containerWidth:0},_this3._linearTap=_this3._linearTap.bind((0,_assertThisInitialized2.default)(_this3)),_this3._onContainerLayout=_this3._onContainerLayout.bind((0,_assertThisInitialized2.default)(_this3)),_this3._onDirectionChange=_this3._onDirectionChange.bind((0,_assertThisInitialized2.default)(_this3)),_this3._onPanResponderGrant=_this3._onPanResponderGrant.bind((0,_assertThisInitialized2.default)(_this3)),_this3._onPanResponderEnd=_this3._onPanResponderEnd.bind((0,_assertThisInitialized2.default)(_this3)),_this3._onSwapChange=_this3._onSwapChange.bind((0,_assertThisInitialized2.default)(_this3)),_this3}return(0,_inherits2.default)(LayoutRTLExample,_React$Component2),(0,_createClass2.default)(LayoutRTLExample,[{key:"render",value:function render(){return _react.default.createElement(_ScrollView.default,{style:[styles.container,"android"!==_Platform.default.OS?{direction:this.state.isRTL?"rtl":"ltr"}:null]},_react.default.createElement(_Page.default,{title:"React Native: Right-to-Left (RTL) UI Layout"},_react.default.createElement(_Block.default,{title:"Current layout direction"},_react.default.createElement(_View.default,{style:styles.directionBox},_react.default.createElement(_Text.default,{style:styles.directionText},this.state.isRTL?"Right-to-Left":"Left-to-Right"))),_react.default.createElement(_Block.default,{title:"Quickly test RTL layout"},_react.default.createElement(_View.default,{style:[styles.flexDirectionRow,styles.switchRow]},_react.default.createElement(_Text.default,{style:{fontWeight:"bold"}},"forceRTL"),_react.default.createElement(_View.default,null,_react.default.createElement(_Switch.default,{onValueChange:this._onDirectionChange,value:this.state.isRTL}))),_react.default.createElement(_View.default,{style:[styles.flexDirectionRow,styles.switchRow]},_react.default.createElement(_Text.default,{style:{fontWeight:"bold"}},"swapLeftAndRightInRTL"),_react.default.createElement(_View.default,null,_react.default.createElement(_Switch.default,{onValueChange:this._onSwapChange,value:this.state.doLeftAndRightSwapInRTL})))),_react.default.createElement(TextAlignmentExample,{description:"Depends on the text content.",style:styles.fontSizeSmall,title:"Default text alignment"}),_react.default.createElement(TextAlignmentExample,{style:[styles.fontSizeSmall,styles.textAlignLeft],title:'textAlign: "left"'}),_react.default.createElement(TextAlignmentExample,{style:[styles.fontSizeSmall,styles.textAlignRight],title:'textAlign: "right"'}),_react.default.createElement(TextAlignmentExample,{style:[styles.fontSizeSmall,styles.textAlignStart],title:'textAlign: "start"'}),_react.default.createElement(TextAlignmentExample,{style:[styles.fontSizeSmall,styles.textAlignEnd],title:'textAlign: "end"'}),_ref34,_ref35,_ref36,_ref37,_ref38,_ref39,_react.default.createElement(_Block.default,{title:"A simple list-item layout"},_react.default.createElement(_View.default,{style:styles.list},_react.default.createElement(ListItem,{imageSource:{uri:"https://picsum.photos/130/130?image=222"}}),_react.default.createElement(ListItem,{imageSource:{uri:"https://picsum.photos/130/130?image=250"}}))),_react.default.createElement(_Block.default,{title:"Working with icons"},_react.default.createElement(_View.default,{style:[styles.flexDirectionRow,{justifyContent:"space-around"}]},_react.default.createElement(_View.default,{style:{alignItems:"center"}},_react.default.createElement(_Image.default,{source:iconSource,style:styles.image}),_react.default.createElement(_Text.default,{style:styles.fontSizeSmall},"No RTL flip")),_react.default.createElement(_View.default,{style:{alignItems:"center"}},_react.default.createElement(_Image.default,{source:iconSource,style:[styles.image,{transform:[{scaleX:this.state.isRTL?-1:1}]}]}),_react.default.createElement(_Text.default,{style:styles.fontSizeSmall},"RTL flip")))),_react.default.createElement(_Block.default,{description:"Animation direction according to layout",title:"Controlling animation"},_react.default.createElement(_View.default,{onLayout:this._onContainerLayout,style:styles.view},_react.default.createElement(AnimationBlock,{imgStyle:{transform:[{translateX:this.state.linear},{scaleX:this.state.isRTL?-1:1}]},onPress:this._linearTap})))))}},{key:"_onContainerLayout",value:function _onContainerLayout(e){this.setState((function(){return{containerWidth:e.nativeEvent.layout.width}}))}},{key:"_onDirectionChange",value:function _onDirectionChange(){_I18nManager.default.forceRTL(!this.state.isRTL),this.setState({isRTL:!this.state.isRTL})}},{key:"_onSwapChange",value:function _onSwapChange(){_I18nManager.default.swapLeftAndRightInRTL(!this.state.doLeftAndRightSwapInRTL),this.setState({doLeftAndRightSwapInRTL:!this.state.doLeftAndRightSwapInRTL})}},{key:"_linearTap",value:function _linearTap(refName){this.setState({toggleStatus:_objectSpread({},this.state.toggleStatus,(0,_defineProperty2.default)({},refName,!this.state.toggleStatus[refName]))});var offset=IMAGE_SIZE[0]/SCALE/2+10,toMaxDistance=(this.state.isRTL?-1:1)*(this.state.containerWidth/2-offset);_Animated.default.timing(this.state.linear,{toValue:this.state.toggleStatus[refName]?toMaxDistance:0,duration:2e3,useNativeDriver:!1}).start()}},{key:"_onPanResponderGrant",value:function _onPanResponderGrant(){var _this4=this;this.state.pan.stopAnimation((function(value){_this4.state.pan.setOffset(value)}))}},{key:"_onPanResponderEnd",value:function _onPanResponderEnd(e,gestureState){this.state.pan.flattenOffset(),_Animated.default.sequence([_Animated.default.decay(this.state.pan,{velocity:{x:gestureState.vx,y:gestureState.vy},deceleration:.995}),_Animated.default.spring(this.state.pan,{toValue:{x:0,y:0}})]).start()}}]),LayoutRTLExample}(_react.default.Component);LayoutRTLExample.displayName="LayoutRTLExample";var _ref40=_react.default.createElement(LayoutRTLExample,null);function LayoutRTL(){return _ref40}LayoutRTL.displayName="LayoutRTL";var styles=_StyleSheet.default.create({container:{backgroundColor:"#e9eaed"},directionBox:{flex:1,backgroundColor:"#f8f8f8",borderWidth:.5,borderColor:"black"},directionText:{padding:10,fontSize:16,textAlign:"center",fontWeight:"bold"},switchRow:{alignItems:"center",justifyContent:"space-between",paddingVertical:5},list:{height:120,marginBottom:5,borderTopWidth:.5,borderLeftWidth:.5,borderRightWidth:.5,borderColor:"#e5e5e5"},row:{height:60,flexDirection:"row",borderBottomWidth:.5,borderColor:"#e5e5e5"},column1:{width:60,padding:6},column2:{flex:1,padding:6},column3:{justifyContent:"center",padding:6},icon:{width:48,height:48,borderWidth:.5,borderColor:"#e5e5e5"},image:{width:48,height:48},img:{width:IMAGE_SIZE[0]/SCALE,height:IMAGE_SIZE[1]/SCALE},view:{flex:1},block:{padding:10,alignItems:"center"},smallButton:{height:24,width:64},fontSizeSmall:{fontSize:14},fontSizeExtraSmall:{fontSize:12},textAlignLeft:{textAlign:"left"},textAlignRight:{textAlign:"right"},textAlignStart:{textAlign:"start"},textAlignEnd:{textAlign:"end"},flexDirectionRow:{flexDirection:"row"},bold:{fontWeight:"bold"},rtlToggler:{color:"gray",padding:8,textAlign:"center",fontWeight:"500"}});LayoutRTL.__docgenInfo={description:"",methods:[],displayName:"LayoutRTL"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/I18nManager/examples/LayoutRTL.js"]={name:"LayoutRTL",docgenInfo:LayoutRTL.__docgenInfo,path:"src/apis/I18nManager/examples/LayoutRTL.js"})},1457:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _extends2=_interopRequireDefault(__webpack_require__(10)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_Title=_interopRequireDefault(__webpack_require__(1458)),Page=function(_React$Component){function Page(){return(0,_classCallCheck2.default)(this,Page),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Page).apply(this,arguments))}return(0,_inherits2.default)(Page,_React$Component),(0,_createClass2.default)(Page,[{key:"render",value:function render(){var ContentWrapper,wrapperProps={};this.props.noScroll?ContentWrapper=_View.default:(ContentWrapper=_ScrollView.default,wrapperProps.automaticallyAdjustContentInsets=!this.props.title,wrapperProps.keyboardShouldPersistTaps="handled",wrapperProps.keyboardDismissMode="interactive");var title=this.props.title?_react.default.createElement(_Title.default,{title:this.props.title}):null,spacer=this.props.noSpacer?null:_react.default.createElement(_View.default,{style:styles.spacer});return _react.default.createElement(_View.default,{style:styles.container},title,_react.default.createElement(ContentWrapper,(0,_extends2.default)({style:styles.wrapper},wrapperProps),this.props.children,spacer))}}]),Page}(_react.default.Component);exports.default=Page,Page.displayName="Page";var styles=_StyleSheet.default.create({container:{backgroundColor:"#e9eaed",flex:1,maxWidth:600,margin:"auto",width:"100%"},spacer:{height:270},wrapper:{flex:1,paddingTop:10}});Page.__docgenInfo={description:"",methods:[],displayName:"Page"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/I18nManager/examples/Page.js"]={name:"Page",docgenInfo:Page.__docgenInfo,path:"src/apis/I18nManager/examples/Page.js"})},1458:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),Title=function(_React$Component){function Title(){return(0,_classCallCheck2.default)(this,Title),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Title).apply(this,arguments))}return(0,_inherits2.default)(Title,_React$Component),(0,_createClass2.default)(Title,[{key:"render",value:function render(){return _react.default.createElement(_View.default,{style:styles.container},_react.default.createElement(_Text.default,{style:styles.text},this.props.title))}}]),Title}(_react.default.Component);exports.default=Title,Title.displayName="Title";var styles=_StyleSheet.default.create({container:{borderRadius:4,borderWidth:.5,borderColor:"#d6d7da",margin:10,marginBottom:0,height:45,padding:10,backgroundColor:"white"},text:{fontSize:20,fontWeight:"500"}});Title.__docgenInfo={description:"",methods:[],displayName:"Title"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/I18nManager/examples/Title.js"]={name:"Title",docgenInfo:Title.__docgenInfo,path:"src/apis/I18nManager/examples/Title.js"})},1459:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(23),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),Block=function(_React$Component){function Block(props){var _this;return(0,_classCallCheck2.default)(this,Block),(_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(Block).call(this,props))).state={description:null},_this}return(0,_inherits2.default)(Block,_React$Component),(0,_createClass2.default)(Block,[{key:"render",value:function render(){var description;return this.props.description&&(description=_react.default.createElement(_Text.default,{style:styles.descriptionText},this.props.description)),_react.default.createElement(_View.default,{style:styles.container},_react.default.createElement(_View.default,{style:styles.titleContainer},_react.default.createElement(_Text.default,{style:styles.titleText},this.props.title),description),_react.default.createElement(_View.default,{style:styles.children},this.props.children))}}]),Block}(_react.default.Component);exports.default=Block,Block.displayName="Block";var styles=_StyleSheet.default.create({container:{borderRadius:3,borderWidth:.5,borderColor:"#d6d7da",backgroundColor:"#ffffff",margin:10,marginVertical:5,overflow:"hidden"},titleContainer:{borderBottomWidth:.5,borderTopLeftRadius:3,borderTopRightRadius:2.5,borderBottomColor:"#d6d7da",backgroundColor:"#f6f7f8",paddingHorizontal:10,paddingVertical:10},titleText:{fontSize:16,fontWeight:"500"},descriptionText:{fontSize:14},disclosure:{position:"absolute",top:0,right:0,padding:10},disclosureIcon:{width:12,height:8},children:{margin:10}});Block.__docgenInfo={description:"",methods:[],displayName:"Block"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/I18nManager/examples/Block.js"]={name:"Block",docgenInfo:Block.__docgenInfo,path:"src/apis/I18nManager/examples/Block.js"})},1461:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.layoutRtl=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(514)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|I18nManager",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"i18nmanager"},"I18nManager"),(0,_react2.mdx)("p",null,"Control and query the layout and writing direction of the application."),(0,_react2.mdx)("h2",{id:"properties"},"Properties"),(0,_react2.mdx)("h3",{id:"isrtl"},"isRTL"),(0,_react2.mdx)("p",null,"Whether the application is currently in RTL mode."),(0,_react2.mdx)("h3",{id:"doleftandrightswapinrtl"},"doLeftAndRightSwapInRTL"),(0,_react2.mdx)("p",null,"Whether the application swaps left/right styles in RTL mode. (Default is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),"\nbut will eventually be changed to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),")."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"allowrtlbool"},"allowRTL(bool)"),(0,_react2.mdx)("p",null,"Allow the application to display in RTL mode."),(0,_react2.mdx)("h3",{id:"forcertlbool"},"forceRTL(bool)"),(0,_react2.mdx)("p",null,"Force the application to display in RTL mode."),(0,_react2.mdx)("h3",{id:"swapleftandrightinrtlbool"},"swapLeftAndRightInRTL(bool)"),(0,_react2.mdx)("p",null,"Control whether the application swaps ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"left"),"/",(0,_react2.mdx)("inlineCode",{parentName:"p"},"right")," styles in RTL mode. It is\nrecommended that applications rely on ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"start"),"/",(0,_react2.mdx)("inlineCode",{parentName:"p"},"end")," styles and disable automatic\nBiDi-flipping of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"left"),"/",(0,_react2.mdx)("inlineCode",{parentName:"p"},"right")," styles, as this will eventually become the\ndefault."),(0,_react2.mdx)("h3",{id:"setpreferredlanguagertlbool"},"setPreferredLanguageRTL(bool)"),(0,_react2.mdx)("p",null,"Set the application's preferred writing direction to RTL. You may need to infer\nthe user's preferred locale on the server (from HTTP headers) and decide whether\nit's an RTL language. (Web-only)"),(0,_react2.mdx)("h2",{id:"example"},"Example"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{inline:!1,name:"layoutRTL",mdxType:"Story"},(0,_react2.mdx)(Stories.layoutRTL,null))))}MDXContent.isMDXComponent=!0;var layoutRtl=function layoutRtl(){return(0,_react2.mdx)(Stories.layoutRTL,null)};exports.layoutRtl=layoutRtl,(layoutRtl.story={}).name="layoutRTL",layoutRtl.story.parameters={mdxSource:"<Stories.layoutRTL />"};var componentMeta={title:"APIs|I18nManager",includeStories:["layoutRtl"]},mdxStoryNameToKey={layoutRTL:"layoutRtl"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1462:function(module,exports,__webpack_require__){__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OpenURL;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_Linking=_interopRequireDefault(__webpack_require__(1463)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_react=_interopRequireWildcard(__webpack_require__(0)),url="https://mathiasbynens.github.io/rel-noopener/malicious.html",OpenURLExample=function(_PureComponent){function OpenURLExample(){return(0,_classCallCheck2.default)(this,OpenURLExample),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(OpenURLExample).apply(this,arguments))}return(0,_inherits2.default)(OpenURLExample,_PureComponent),(0,_createClass2.default)(OpenURLExample,[{key:"handlePress",value:function handlePress(){_Linking.default.canOpenURL(url).then((function(){return _Linking.default.openURL(url)}))}},{key:"render",value:function render(){return _react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{onPress:this.handlePress,style:styles.text},"Linking.openURL"),_react.default.createElement(_Text.default,{accessibilityRole:"link",href:"https://mathiasbynens.github.io/rel-noopener/malicious.html",style:styles.text,target:"_blank"},'target="_blank"'))}}]),OpenURLExample}(_react.PureComponent);OpenURLExample.displayName="OpenURLExample";var _ref=_react.default.createElement(OpenURLExample,null);function OpenURL(){return _ref}OpenURL.displayName="OpenURL";var styles=_StyleSheet.default.create({text:{borderRadius:5,borderStyle:"solid",borderWidth:1,marginVertical:10,padding:10}});OpenURL.__docgenInfo={description:"",methods:[],displayName:"OpenURL"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/Linking/examples/OpenURL.js"]={name:"OpenURL",docgenInfo:OpenURL.__docgenInfo,path:"src/apis/Linking/examples/OpenURL.js"})},1463:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(24),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__),initialURL=fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM?window.location.href:"",Linking={addEventListener:function addEventListener(){},removeEventListener:function removeEventListener(){},canOpenURL:function canOpenURL(){return Promise.resolve(!0)},getInitialURL:function getInitialURL(){return Promise.resolve(initialURL)},openURL:function openURL(url){try{return open(url),Promise.resolve()}catch(e){return Promise.reject(e)}},_validateURL:function _validateURL(url){fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()("string"==typeof url,"Invalid URL: should be a string. Was: "+url),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(url,"Invalid URL: cannot be empty")}},open=function open(url){fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM&&(window.location=new URL(url,window.location).toString())};__webpack_exports__.default=Linking},1464:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.openUrl=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(515)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|Linking",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"linking"},"Linking"),(0,_react2.mdx)("p",null,"Linking gives you a general interface for securely opening external URLs from JavaScript."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"canopenurlurl"},"canOpenURL(url)"),(0,_react2.mdx)("p",null,"Returns a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Promise")," that resolves to a boolean indicating whether the app can open the URL."),(0,_react2.mdx)("h3",{id:"getinitialurl"},"getInitialURL()"),(0,_react2.mdx)("p",null,"Returns a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Promise")," that resolves to the string of the URL that initially loaded the app."),(0,_react2.mdx)("h3",{id:"openurlurl"},"openURL(url)"),(0,_react2.mdx)("p",null,"Try to open the given url in a secure fashion. The method returns a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Promise"),"\nobject. If the url opens, the promise is resolved. If not, the promise is\nrejected."),(0,_react2.mdx)("h2",{id:"example"},"Example"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"openURL",mdxType:"Story"},(0,_react2.mdx)(Stories.openURL,null))))}MDXContent.isMDXComponent=!0;var openUrl=function openUrl(){return(0,_react2.mdx)(Stories.openURL,null)};exports.openUrl=openUrl,(openUrl.story={}).name="openURL",openUrl.story.parameters={mdxSource:"<Stories.openURL />"};var componentMeta={title:"APIs|Linking",includeStories:["openUrl"]},mdxStoryNameToKey={openURL:"openUrl"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1465:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.locationXy=exports.draggableCircle=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1466)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|PanResponder",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"panresponder"},"PanResponder"),(0,_react2.mdx)("h2",{id:"examples"},"Examples"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"draggableCircle",mdxType:"Story"},(0,_react2.mdx)(Stories.draggableCircle,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"locationXY",mdxType:"Story"},(0,_react2.mdx)(Stories.locationXY,null))))}MDXContent.isMDXComponent=!0;var draggableCircle=function draggableCircle(){return(0,_react2.mdx)(Stories.draggableCircle,null)};exports.draggableCircle=draggableCircle,(draggableCircle.story={}).name="draggableCircle",draggableCircle.story.parameters={mdxSource:"<Stories.draggableCircle />"};var locationXy=function locationXy(){return(0,_react2.mdx)(Stories.locationXY,null)};exports.locationXy=locationXy,(locationXy.story={}).name="locationXY",locationXy.story.parameters={mdxSource:"<Stories.locationXY />"};var componentMeta={title:"APIs|PanResponder",includeStories:["draggableCircle","locationXy"]},mdxStoryNameToKey={draggableCircle:"draggableCircle",locationXY:"locationXy"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1466:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"draggableCircle",{enumerable:!0,get:function get(){return _DraggableCircle.default}}),Object.defineProperty(exports,"locationXY",{enumerable:!0,get:function get(){return _LocationXY.default}});var _DraggableCircle=_interopRequireDefault(__webpack_require__(1467)),_LocationXY=_interopRequireDefault(__webpack_require__(1468))},1467:function(module,exports,__webpack_require__){__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_extends2=_interopRequireDefault(__webpack_require__(10)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_PanResponder=_interopRequireDefault(__webpack_require__(348)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),DraggableCircle=function(_PureComponent){function DraggableCircle(){var _this;return(0,_classCallCheck2.default)(this,DraggableCircle),_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(DraggableCircle).call(this)),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_panResponder",{}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_previousLeft",0),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_previousTop",0),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_circleStyles",{}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"circle",null),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_setCircleRef",(function(circle){_this.circle=circle})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleStartShouldSetPanResponder",(function(){return!0})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleMoveShouldSetPanResponder",(function(){return!0})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePanResponderGrant",(function(){_this._highlight()})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePanResponderMove",(function(e,gestureState){_this._circleStyles.style.left=_this._previousLeft+gestureState.dx,_this._circleStyles.style.top=_this._previousTop+gestureState.dy,_this._updateNativeStyles()})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePanResponderEnd",(function(e,gestureState){_this._unHighlight(),_this._previousLeft+=gestureState.dx,_this._previousTop+=gestureState.dy})),_this._panResponder=_PanResponder.default.create({onStartShouldSetPanResponder:_this._handleStartShouldSetPanResponder,onMoveShouldSetPanResponder:_this._handleMoveShouldSetPanResponder,onPanResponderGrant:_this._handlePanResponderGrant,onPanResponderMove:_this._handlePanResponderMove,onPanResponderRelease:_this._handlePanResponderEnd,onPanResponderTerminate:_this._handlePanResponderEnd}),_this._previousLeft=20,_this._previousTop=84,_this._circleStyles={style:{left:_this._previousLeft,top:_this._previousTop,backgroundColor:"green"}},_this}return(0,_inherits2.default)(DraggableCircle,_PureComponent),(0,_createClass2.default)(DraggableCircle,[{key:"componentDidMount",value:function componentDidMount(){this._updateNativeStyles()}},{key:"render",value:function render(){return _react.default.createElement(_View.default,{style:styles.container},_react.default.createElement(_View.default,(0,_extends2.default)({ref:this._setCircleRef,style:styles.circle},this._panResponder.panHandlers)))}},{key:"_highlight",value:function _highlight(){this._circleStyles.style.backgroundColor="blue",this._updateNativeStyles()}},{key:"_unHighlight",value:function _unHighlight(){this._circleStyles.style.backgroundColor="green",this._updateNativeStyles()}},{key:"_updateNativeStyles",value:function _updateNativeStyles(){this.circle&&this.circle.setNativeProps(this._circleStyles)}}]),DraggableCircle}(_react.PureComponent);exports.default=DraggableCircle,DraggableCircle.displayName="DraggableCircle";var styles=_StyleSheet.default.create({circle:{width:80,height:80,borderRadius:40,position:"absolute",left:0,top:0,touchAction:"none"},container:{flex:1,minHeight:400,paddingTop:64}});DraggableCircle.__docgenInfo={description:"",methods:[{name:"_setCircleRef",docblock:null,modifiers:[],params:[{name:"circle",type:null}],returns:null},{name:"_highlight",docblock:null,modifiers:[],params:[],returns:null},{name:"_unHighlight",docblock:null,modifiers:[],params:[],returns:null},{name:"_updateNativeStyles",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleStartShouldSetPanResponder",docblock:null,modifiers:[],params:[{name:"e",type:{name:"Object",alias:"Object"}},{name:"gestureState",type:{name:"Object",alias:"Object"}}],returns:{type:{name:"boolean"}}},{name:"_handleMoveShouldSetPanResponder",docblock:null,modifiers:[],params:[{name:"e",type:{name:"Object",alias:"Object"}},{name:"gestureState",type:{name:"Object",alias:"Object"}}],returns:{type:{name:"boolean"}}},{name:"_handlePanResponderGrant",docblock:null,modifiers:[],params:[{name:"e",type:{name:"Object",alias:"Object"}},{name:"gestureState",type:{name:"Object",alias:"Object"}}],returns:null},{name:"_handlePanResponderMove",docblock:null,modifiers:[],params:[{name:"e",type:{name:"Object",alias:"Object"}},{name:"gestureState",type:{name:"Object",alias:"Object"}}],returns:null},{name:"_handlePanResponderEnd",docblock:null,modifiers:[],params:[{name:"e",type:{name:"Object",alias:"Object"}},{name:"gestureState",type:{name:"Object",alias:"Object"}}],returns:null}],displayName:"DraggableCircle"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/PanResponder/examples/DraggableCircle.js"]={name:"DraggableCircle",docgenInfo:DraggableCircle.__docgenInfo,path:"src/apis/PanResponder/examples/DraggableCircle.js"})},1468:function(module,exports,__webpack_require__){__webpack_require__(6),__webpack_require__(64),__webpack_require__(47),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_extends2=_interopRequireDefault(__webpack_require__(10)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_PanResponder=_interopRequireDefault(__webpack_require__(348));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}var LocationXY=function(_Component){function LocationXY(){var _this;return(0,_classCallCheck2.default)(this,LocationXY),_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(LocationXY).call(this)),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePanResponderMove",(function(e,gestureState){console.log(e.nativeEvent.locationX,e.nativeEvent.locationY),_this.setState((function(state){return function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}({},state,{translateX:gestureState.dx})}))})),_this.state={translateX:0},_this.panResponder=_PanResponder.default.create({onStartShouldSetPanResponder:function onStartShouldSetPanResponder(){return!0},onStartShouldSetPanResponderCapture:function onStartShouldSetPanResponderCapture(){return!0},onPanResponderMove:_this._handlePanResponderMove,onPanResponderTerminationRequest:function onPanResponderTerminationRequest(){return!0}}),_this}return(0,_inherits2.default)(LocationXY,_Component),(0,_createClass2.default)(LocationXY,[{key:"render",value:function render(){var transform={transform:[{translateX:this.state.translateX}]};return _react.default.createElement(_View.default,{style:styles.app},_react.default.createElement(_View.default,(0,_extends2.default)({style:styles.outer},this.panResponder.panHandlers),_react.default.createElement(_View.default,{style:[styles.inner,transform]})))}}]),LocationXY}(_react.Component);exports.default=LocationXY,LocationXY.displayName="LocationXY";var styles=_StyleSheet.default.create({app:{justifyContent:"center",alignItems:"center"},outer:{width:250,height:50,backgroundColor:"skyblue"},inner:{width:30,height:30,backgroundColor:"lightblue"}});LocationXY.__docgenInfo={description:"",methods:[{name:"_handlePanResponderMove",docblock:null,modifiers:[],params:[{name:"e",type:null},{name:"gestureState",type:null}],returns:null}],displayName:"LocationXY"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/apis/PanResponder/examples/LocationXY.js"]={name:"LocationXY",docgenInfo:LocationXY.__docgenInfo,path:"src/apis/PanResponder/examples/LocationXY.js"})},1469:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|PixelRatio",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"pixelratio"},"PixelRatio"),(0,_react2.mdx)("p",null,"PixelRatio class gives access to the device pixel density."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"get"},"get()"),(0,_react2.mdx)("p",null,"Returns the device pixel density as a number."),(0,_react2.mdx)("h3",{id:"getfontscale"},"getFontScale()"),(0,_react2.mdx)("p",null,"On web this returns the device pixel ratio as a number."),(0,_react2.mdx)("h3",{id:"getpixelsizeforlayoutsizenumber"},"getPixelSizeForLayoutSize(number)"),(0,_react2.mdx)("p",null,"Converts a layout size (dp) to pixel size (px). Guaranteed to return an integer number."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const image = getImage({\n width: PixelRatio.getPixelSizeForLayoutSize(200),\n height: PixelRatio.getPixelSizeForLayoutSize(100),\n});\n\n<Image source={image} style={{width: 200, height: 100}} />\n")),(0,_react2.mdx)("h3",{id:"roundtonearestpixelnumber"},"roundToNearestPixel(number)"),(0,_react2.mdx)("p",null,"Rounds a layout size (dp) to the nearest layout size that corresponds to an\ninteger number of pixels. For example, on a device with a PixelRatio of 3,\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"PixelRatio.roundToNearestPixel(8.4) = 8.33"),", which corresponds to exactly\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"(8.33 * 3) = 25")," pixels."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"APIs|PixelRatio",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1470:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|Platform",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"platform"},"Platform"),(0,_react2.mdx)("p",null,"Detect what is the platform in which the app is running. This piece of\nfunctionality can be useful when only small parts of a component are platform\nspecific."),(0,_react2.mdx)("h2",{id:"properties"},"Properties"),(0,_react2.mdx)("h3",{id:"os"},"OS"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("inlineCode",{parentName:"p"},"Platform.OS")," will be ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"web")," when running in a Web browser."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import { Platform } from 'react-native';\n\nconst styles = StyleSheet.create({\n height: (Platform.OS === 'web') ? 200 : 100,\n});\n")),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"selectconfig"},"select(config)"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("inlineCode",{parentName:"p"},"Platform.select")," takes an object containing ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Platform.OS")," as keys and returns\nthe value for the platform you are currently running on."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import { Platform } from 'react-native';\n\nconst containerStyles = {\n flex: 1,\n ...Platform.select({\n android: {\n backgroundColor: 'blue'\n },\n ios: {\n backgroundColor: 'red'\n },\n web: {\n backgroundColor: 'green'\n }\n })\n});\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"APIs|Platform",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1471:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|StyleSheet",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"stylesheet"},"StyleSheet"),(0,_react2.mdx)("p",null,"The StyleSheet abstraction converts predefined styles to (vendor-prefixed) CSS\nwithout requiring a compile-time step. Styles that cannot be resolved outside of\nthe render loop (e.g., dynamic positioning) are usually applied as inline\nstyles."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"composestyle1-style2"},"compose(style1, style2)"),(0,_react2.mdx)("p",null,"Combines two styles such that the last style overrides properties of the first\nstyle. If either style is falsy, the other one is returned without allocating an\narray, saving allocations and maintaining reference equality."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"StyleSheet.compose(style1, style2);\n")),(0,_react2.mdx)("h3",{id:"createstyles"},"create(styles)"),(0,_react2.mdx)("p",null,"Each key of the object passed to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"create")," must define a style object. The\nreturned object replaces style objects with IDs."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const styles = StyleSheet.create({\n container: {\n borderRadius: 4,\n borderWidth: 0.5,\n borderColor: '#d6d7da',\n },\n title: {\n fontSize: 19,\n fontWeight: 'bold',\n }\n})\n")),(0,_react2.mdx)("h3",{id:"flattenstyle"},"flatten(style)"),(0,_react2.mdx)("p",null,"Lookup a style object by ID or flatten an array of styles into a single style\nobject."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"StyleSheet.flatten(styles.listItem);\nStyleSheet.flatten([styles.listItem, styles.selectedListItem]);\n")),(0,_react2.mdx)("h2",{id:"properties"},"Properties"),(0,_react2.mdx)("h3",{id:"absolutefill"},"absoluteFill"),(0,_react2.mdx)("p",null,"A very common pattern is to create overlays with position absolute and zero\npositioning, so ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"absoluteFill")," can be used for convenience and to reduce\nduplication of these repeated styles."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"<View style={StyleSheet.absoluteFill} />\n")),(0,_react2.mdx)("h3",{id:"absolutefillobject"},"absoluteFillObject"),(0,_react2.mdx)("p",null,"Sometimes you may want ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"absoluteFill")," but with a couple tweaks -\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"absoluteFillObject")," can be used to create a customized entry in a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"StyleSheet")),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const styles = StyleSheet.create({\n container: {\n ...StyleSheet.absoluteFillObject,\n backgroundColor: 'transparent',\n top: 10\n }\n});\n")),(0,_react2.mdx)("h3",{id:"hairlinewidth"},"hairlineWidth"),(0,_react2.mdx)("p",null,"Equal to 1px. This is not implemented using screen density as browsers may\nround sub-pixel values down to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"0"),", causing the line not to be rendered."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"APIs|StyleSheet",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1472:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"APIs|Vibration",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"vibration"},"Vibration"),(0,_react2.mdx)("p",null,"Vibration is described as a pattern of on-off pulses, which may be of varying\nlengths. The pattern may consist of either a single integer, describing the\nnumber of milliseconds to vibrate, or an array of integers describing a pattern\nof vibrations and pauses. Vibration is controlled with a single method:\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Vibration.vibrate()"),"."),(0,_react2.mdx)("p",null,"The vibration is asynchronous so this method will return immediately. There will\nbe no effect on devices that do not support vibration."),(0,_react2.mdx)("h2",{id:"methods"},"Methods"),(0,_react2.mdx)("h3",{id:"cancel"},"cancel()"),(0,_react2.mdx)("p",null,"Stop the vibration"),(0,_react2.mdx)("h3",{id:"vibratepattern"},"vibrate(pattern)"),(0,_react2.mdx)("p",null,"Start the vibration pattern"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"// Vibrate once for 200ms\nVibration.vibrate(200);\nVibration.vibrate([200]);\n\n// Vibrate for 200ms, pause for 100ms, vibrate for 200ms:\nVibration.vibrate([200, 100, 200]);\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"APIs|Vibration",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1473:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.size=exports.hidesWhenStopped=exports.color=exports.animating=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1474)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|ActivityIndicator",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"activityindicator"},"ActivityIndicator"),(0,_react2.mdx)("p",null,"Displays a customizable activity indicator."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"animating"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#1976D2'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"hidesWhenStopped"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"size"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'small' ","|"," 'large' ","|"," number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'small'")))),(0,_react2.mdx)("h3",{id:"animating"},"animating"),(0,_react2.mdx)("p",null,"Controls whether to show the indicator or hide it."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"animating",mdxType:"Story"},(0,_react2.mdx)(Stories.animating,null))),(0,_react2.mdx)("h3",{id:"color"},"color"),(0,_react2.mdx)("p",null,"Customize the foreground color of the indicator."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"color",mdxType:"Story"},(0,_react2.mdx)(Stories.color,null))),(0,_react2.mdx)("h3",{id:"hideswhenstopped"},"hidesWhenStopped"),(0,_react2.mdx)("p",null,"Control whether to show the indicator when it is not animating."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"hidesWhenStopped",mdxType:"Story"},(0,_react2.mdx)(Stories.hidesWhenStopped,null))),(0,_react2.mdx)("h3",{id:"size"},"size"),(0,_react2.mdx)("p",null,"Customize the size of the indicator. ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"small")," has a height of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"20px"),", large has a\nheight of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"36px"),". Scale transforms can also be used."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"size",mdxType:"Story"},(0,_react2.mdx)(Stories.size,null))))}MDXContent.isMDXComponent=!0;var animating=function animating(){return(0,_react2.mdx)(Stories.animating,null)};exports.animating=animating,(animating.story={}).name="animating",animating.story.parameters={mdxSource:"<Stories.animating />"};var color=function color(){return(0,_react2.mdx)(Stories.color,null)};exports.color=color,(color.story={}).name="color",color.story.parameters={mdxSource:"<Stories.color />"};var hidesWhenStopped=function hidesWhenStopped(){return(0,_react2.mdx)(Stories.hidesWhenStopped,null)};exports.hidesWhenStopped=hidesWhenStopped,(hidesWhenStopped.story={}).name="hidesWhenStopped",hidesWhenStopped.story.parameters={mdxSource:"<Stories.hidesWhenStopped />"};var size=function size(){return(0,_react2.mdx)(Stories.size,null)};exports.size=size,(size.story={}).name="size",size.story.parameters={mdxSource:"<Stories.size />"};var componentMeta={title:"Components|ActivityIndicator",includeStories:["animating","color","hidesWhenStopped","size"]},mdxStoryNameToKey={animating:"animating",color:"color",hidesWhenStopped:"hidesWhenStopped",size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1474:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"animating",{enumerable:!0,get:function get(){return _Animating.default}}),Object.defineProperty(exports,"color",{enumerable:!0,get:function get(){return _Color.default}}),Object.defineProperty(exports,"hidesWhenStopped",{enumerable:!0,get:function get(){return _HidesWhenStopped.default}}),Object.defineProperty(exports,"size",{enumerable:!0,get:function get(){return _Size.default}});var _Animating=_interopRequireDefault(__webpack_require__(1475)),_Color=_interopRequireDefault(__webpack_require__(1476)),_HidesWhenStopped=_interopRequireDefault(__webpack_require__(1477)),_Size=_interopRequireDefault(__webpack_require__(1478))},1475:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Animating;var _ActivityIndicator=_interopRequireDefault(__webpack_require__(199)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_react=_interopRequireDefault(__webpack_require__(0)),_ref=_react.default.createElement(_ActivityIndicator.default,null),_ref2=_react.default.createElement(_ActivityIndicator.default,{animating:!1});function Animating(){return _react.default.createElement(_View.default,{style:styles.horizontal},_ref,_ref2)}Animating.displayName="Animating";var styles=_StyleSheet.default.create({horizontal:{alignItems:"center",flexDirection:"row"}});Animating.__docgenInfo={description:"",methods:[],displayName:"Animating"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ActivityIndicator/examples/Animating.js"]={name:"Animating",docgenInfo:Animating.__docgenInfo,path:"src/components/ActivityIndicator/examples/Animating.js"})},1476:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Color;var _react=_interopRequireDefault(__webpack_require__(0)),_ActivityIndicator=_interopRequireDefault(__webpack_require__(199)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3));function Color(){return _react.default.createElement(_View.default,{style:styles.horizontal},_react.default.createElement(_ActivityIndicator.default,{color:"#1DA1F2",style:styles.item}),_react.default.createElement(_ActivityIndicator.default,{color:"#17BF63",style:styles.item}),_react.default.createElement(_ActivityIndicator.default,{color:"#F45D22",style:styles.item}),_react.default.createElement(_ActivityIndicator.default,{color:"#794BC4",style:styles.item}),_react.default.createElement(_ActivityIndicator.default,{color:"#E0245E",style:styles.item}),_react.default.createElement(_ActivityIndicator.default,{color:"#FFAD1F",style:styles.item}))}Color.displayName="Color";var styles=_StyleSheet.default.create({horizontal:{alignItems:"center",flexDirection:"row"},item:{paddingRight:10}});Color.__docgenInfo={description:"",methods:[],displayName:"Color"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ActivityIndicator/examples/Color.js"]={name:"Color",docgenInfo:Color.__docgenInfo,path:"src/components/ActivityIndicator/examples/Color.js"})},1477:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(20),__webpack_require__(2),__webpack_require__(150),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=HidesWhenStoppedExample;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_ActivityIndicator=_interopRequireDefault(__webpack_require__(199)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_react=_interopRequireDefault(__webpack_require__(0)),ToggleAnimatingActivityIndicator=function(_React$Component){function ToggleAnimatingActivityIndicator(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,ToggleAnimatingActivityIndicator);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ToggleAnimatingActivityIndicator)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{animating:!0}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"setToggleTimeout",(function(){_this._timer=setTimeout((function(){_this.setState({animating:!_this.state.animating}),_this.setToggleTimeout()}),2e3)})),_this}return(0,_inherits2.default)(ToggleAnimatingActivityIndicator,_React$Component),(0,_createClass2.default)(ToggleAnimatingActivityIndicator,[{key:"componentDidMount",value:function componentDidMount(){this.setToggleTimeout()}},{key:"componentWillUnmount",value:function componentWillUnmount(){clearTimeout(this._timer)}},{key:"render",value:function render(){return _react.default.createElement(_ActivityIndicator.default,{animating:this.state.animating,hidesWhenStopped:this.props.hidesWhenStopped,size:"large",style:[styles.centering,this.props.style]})}}]),ToggleAnimatingActivityIndicator}(_react.default.Component);ToggleAnimatingActivityIndicator.displayName="ToggleAnimatingActivityIndicator";var _ref=_react.default.createElement(ToggleAnimatingActivityIndicator,null);function HidesWhenStoppedExample(){return _react.default.createElement(_View.default,{style:[styles.horizontal]},_react.default.createElement(ToggleAnimatingActivityIndicator,{hidesWhenStopped:!1,style:styles.item}),_ref)}HidesWhenStoppedExample.displayName="HidesWhenStoppedExample";var styles=_StyleSheet.default.create({horizontal:{alignItems:"center",flexDirection:"row"},item:{paddingRight:10}});HidesWhenStoppedExample.__docgenInfo={description:"",methods:[],displayName:"HidesWhenStoppedExample"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ActivityIndicator/examples/HidesWhenStopped.js"]={name:"HidesWhenStoppedExample",docgenInfo:HidesWhenStoppedExample.__docgenInfo,path:"src/components/ActivityIndicator/examples/HidesWhenStopped.js"})},1478:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Size;var _react=_interopRequireDefault(__webpack_require__(0)),_ActivityIndicator=_interopRequireDefault(__webpack_require__(199)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),sizes=[20,"small",36,"large",60];function Size(){return _react.default.createElement(_View.default,{style:styles.horizontal},sizes.map((function(size,i){return _react.default.createElement(_ActivityIndicator.default,{key:i,size:size,style:styles.item})})),_react.default.createElement(_ActivityIndicator.default,{size:"large",style:styles.large}))}Size.displayName="Size";var styles=_StyleSheet.default.create({horizontal:{alignItems:"center",flexDirection:"row"},item:{paddingRight:10},large:{marginLeft:20,transform:[{scale:1.75}]}});Size.__docgenInfo={description:"",methods:[],displayName:"Size"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ActivityIndicator/examples/Size.js"]={name:"Size",docgenInfo:Size.__docgenInfo,path:"src/components/ActivityIndicator/examples/Size.js"})},1479:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.onPress=exports.disabled=exports.color=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1480)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|Button",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"button"},"Button"),(0,_react2.mdx)("p",null,"A basic button component. Supports a minimal level of customization. You can\nbuild your own custom button using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TouchableOpacity")," or ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TouchableHighlight"),"."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityLabel"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#2196F3'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"disabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"testID"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"title"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"color"},"color"),(0,_react2.mdx)("p",null,"Customize the background color of the button."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"color",mdxType:"Story"},(0,_react2.mdx)(Stories.color,null))),(0,_react2.mdx)("h3",{id:"disabled"},"disabled"),(0,_react2.mdx)("p",null,"Prevent all interactions with the button."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)("h3",{id:"onpress"},"onPress"),(0,_react2.mdx)("p",null,"Called when the button is pressed by a pointer or keyboard."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onPress",mdxType:"Story"},(0,_react2.mdx)(Stories.onPress,null))),(0,_react2.mdx)("h3",{id:"title"},"title"),(0,_react2.mdx)("p",null,"Text to display inside the button."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'<Button title="Text content" />\n')))}MDXContent.isMDXComponent=!0;var color=function color(){return(0,_react2.mdx)(Stories.color,null)};exports.color=color,(color.story={}).name="color",color.story.parameters={mdxSource:"<Stories.color />"};var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var onPress=function onPress(){return(0,_react2.mdx)(Stories.onPress,null)};exports.onPress=onPress,(onPress.story={}).name="onPress",onPress.story.parameters={mdxSource:"<Stories.onPress />"};var componentMeta={title:"Components|Button",includeStories:["color","disabled","onPress"]},mdxStoryNameToKey={color:"color",disabled:"disabled",onPress:"onPress"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1480:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"color",{enumerable:!0,get:function get(){return _Color.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"onPress",{enumerable:!0,get:function get(){return _OnPress.default}});var _Color=_interopRequireDefault(__webpack_require__(1481)),_Disabled=_interopRequireDefault(__webpack_require__(1482)),_OnPress=_interopRequireDefault(__webpack_require__(1483))},1481:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Color;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(516),_Button=_interopRequireDefault(__webpack_require__(120)),_View=_interopRequireDefault(__webpack_require__(3)),emptyFunction=function(){},_ref=_react.default.createElement(_View.default,null,_react.default.createElement(_Button.default,{color:"#17BF63",onPress:emptyFunction,title:"Press me"}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_Button.default,{color:"#F45D22",onPress:emptyFunction,title:"Press me"}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_Button.default,{color:"#794BC4",onPress:emptyFunction,title:"Press me"}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_Button.default,{color:"#E0245E",onPress:emptyFunction,title:"Press me"}));function Color(){return _ref}Color.displayName="Color",Color.__docgenInfo={description:"",methods:[],displayName:"Color"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/examples/Color.js"]={name:"Color",docgenInfo:Color.__docgenInfo,path:"src/components/Button/examples/Color.js"})},1482:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Disabled;var _react=_interopRequireDefault(__webpack_require__(0)),_Button=_interopRequireDefault(__webpack_require__(120));function Disabled(){return _react.default.createElement(_Button.default,{disabled:!0,onPress:function onPress(){console.error("Disabled button should not trigger onPress!")},title:"Disabled button"})}Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",methods:[],displayName:"Disabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/examples/Disabled.js"]={name:"Disabled",docgenInfo:Disabled.__docgenInfo,path:"src/components/Button/examples/Disabled.js"})},1483:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnPress;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(516),_Button=_interopRequireDefault(__webpack_require__(120)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),emptyFunction=function(){},_ref=_react.default.createElement(_Button.default,{accessibilityLabel:"This sounds great!",onPress:emptyFunction,title:"This looks great!"}),_ref2=_react.default.createElement(_helpers.DividerHorizontal,null),_ref3=_react.default.createElement(_Button.default,{color:"#841584",onPress:emptyFunction,title:"Ok!"});function OnPress(){return _react.default.createElement(_View.default,{style:styles.horizontal},_ref,_ref2,_ref3)}OnPress.displayName="OnPress";var styles=_StyleSheet.default.create({horizontal:{flexDirection:"row"}});OnPress.__docgenInfo={description:"",methods:[],displayName:"OnPress"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/examples/OnPress.js"]={name:"OnPress",docgenInfo:OnPress.__docgenInfo,path:"src/components/Button/examples/OnPress.js"})},1484:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.customSize=exports.value=exports.onValueChange=exports.disabled=exports.color=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1485)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|CheckBox",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"checkbox"},"CheckBox"),(0,_react2.mdx)("p",null,"This is a controlled component that requires an ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onValueChange")," callback that\nupdates the value prop in order for the component to reflect user actions. If\nthe ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"value")," prop is not updated, the component will continue to render the\nsupplied ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"value")," prop instead of the expected result of any user actions."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#AAB8C2'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"disabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onValueChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"value"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")))),(0,_react2.mdx)("h3",{id:"color"},"color"),(0,_react2.mdx)("p",null,"Customize the color of the active checkbox."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"color",mdxType:"Story"},(0,_react2.mdx)(Stories.color,null))),(0,_react2.mdx)("h3",{id:"disabled"},"disabled"),(0,_react2.mdx)("p",null,"Prevent interaction with the checkbox."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)("h3",{id:"onvaluechange"},"onValueChange"),(0,_react2.mdx)("p",null,"Called with the event when the value changes."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onValueChange",mdxType:"Story"},(0,_react2.mdx)(Stories.onValueChange,null))),(0,_react2.mdx)("h3",{id:"value"},"value"),(0,_react2.mdx)("p",null,"Controls whether the checkbox is active or not."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"value",mdxType:"Story"},(0,_react2.mdx)(Stories.value,null))),(0,_react2.mdx)("h2",{id:"notes"},"Notes"),(0,_react2.mdx)("p",null,"The checkbox size can be controlled by changing the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"height")," and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"width")," style\nproperties."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"customSize",mdxType:"Story"},(0,_react2.mdx)(Stories.customSize,null))))}MDXContent.isMDXComponent=!0;var color=function color(){return(0,_react2.mdx)(Stories.color,null)};exports.color=color,(color.story={}).name="color",color.story.parameters={mdxSource:"<Stories.color />"};var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var onValueChange=function onValueChange(){return(0,_react2.mdx)(Stories.onValueChange,null)};exports.onValueChange=onValueChange,(onValueChange.story={}).name="onValueChange",onValueChange.story.parameters={mdxSource:"<Stories.onValueChange />"};var value=function value(){return(0,_react2.mdx)(Stories.value,null)};exports.value=value,(value.story={}).name="value",value.story.parameters={mdxSource:"<Stories.value />"};var customSize=function customSize(){return(0,_react2.mdx)(Stories.customSize,null)};exports.customSize=customSize,(customSize.story={}).name="customSize",customSize.story.parameters={mdxSource:"<Stories.customSize />"};var componentMeta={title:"Components|CheckBox",includeStories:["color","disabled","onValueChange","value","customSize"]},mdxStoryNameToKey={color:"color",disabled:"disabled",onValueChange:"onValueChange",value:"value",customSize:"customSize"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1485:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"color",{enumerable:!0,get:function get(){return _Color.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"onValueChange",{enumerable:!0,get:function get(){return _OnValueChange.default}}),Object.defineProperty(exports,"value",{enumerable:!0,get:function get(){return _Value.default}}),Object.defineProperty(exports,"customSize",{enumerable:!0,get:function get(){return _CustomSize.default}});var _Color=_interopRequireDefault(__webpack_require__(1486)),_Disabled=_interopRequireDefault(__webpack_require__(1487)),_OnValueChange=_interopRequireDefault(__webpack_require__(1488)),_Value=_interopRequireDefault(__webpack_require__(1489)),_CustomSize=_interopRequireDefault(__webpack_require__(1490))},1486:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Color;var _react=_interopRequireDefault(__webpack_require__(0)),_styles=_interopRequireDefault(__webpack_require__(200)),_CheckBox=_interopRequireDefault(__webpack_require__(201)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_CheckBox.default,{color:"#1DA1F2",value:!0}),_ref2=_react.default.createElement(_CheckBox.default,{color:"#F45D22",value:!0});function Color(){return _react.default.createElement(_View.default,{style:_styles.default.row},_react.default.createElement(_View.default,{style:_styles.default.marginRight},_ref),_react.default.createElement(_View.default,{style:_styles.default.marginRight},_ref2))}Color.displayName="Color",Color.__docgenInfo={description:"",methods:[],displayName:"Color"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/examples/Color.js"]={name:"Color",docgenInfo:Color.__docgenInfo,path:"src/components/CheckBox/examples/Color.js"})},1487:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Disabled;var _react=_interopRequireDefault(__webpack_require__(0)),_styles=_interopRequireDefault(__webpack_require__(200)),_CheckBox=_interopRequireDefault(__webpack_require__(201)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_CheckBox.default,{disabled:!0,value:!1}),_ref2=_react.default.createElement(_CheckBox.default,{disabled:!0,value:!0});function Disabled(){return _react.default.createElement(_View.default,{style:_styles.default.row},_react.default.createElement(_View.default,{style:_styles.default.marginRight},_ref),_react.default.createElement(_View.default,{style:_styles.default.marginRight},_ref2))}Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",methods:[],displayName:"Disabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/examples/Disabled.js"]={name:"Disabled",docgenInfo:Disabled.__docgenInfo,path:"src/components/CheckBox/examples/Disabled.js"})},1488:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnValueChange;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_styles=_interopRequireDefault(__webpack_require__(200)),_react=_interopRequireWildcard(__webpack_require__(0)),_CheckBox=_interopRequireDefault(__webpack_require__(201)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),OnValueChangeExample=function(_PureComponent){function OnValueChangeExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,OnValueChangeExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(OnValueChangeExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{eventSwitchIsOn:!1,eventSwitchRegressionIsOn:!0}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleEventSwitch",(function(value){_this.setState({eventSwitchIsOn:value})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleEventSwitchRegression",(function(value){_this.setState({eventSwitchRegressionIsOn:value})})),_this}return(0,_inherits2.default)(OnValueChangeExample,_PureComponent),(0,_createClass2.default)(OnValueChangeExample,[{key:"render",value:function render(){var _this$state=this.state,eventSwitchIsOn=_this$state.eventSwitchIsOn,eventSwitchRegressionIsOn=_this$state.eventSwitchRegressionIsOn;return _react.default.createElement(_View.default,{style:_styles.default.row},_react.default.createElement(_View.default,{style:[_styles.default.alignCenter,_styles.default.marginRight]},_react.default.createElement(_CheckBox.default,{onValueChange:this._handleEventSwitch,style:_styles.default.marginBottom,value:eventSwitchIsOn}),_react.default.createElement(_CheckBox.default,{onValueChange:this._handleEventSwitch,style:_styles.default.marginBottom,value:eventSwitchIsOn}),_react.default.createElement(_Text.default,null,eventSwitchIsOn?"On":"Off")),_react.default.createElement(_View.default,{style:_styles.default.alignCenter},_react.default.createElement(_CheckBox.default,{onValueChange:this._handleEventSwitchRegression,style:_styles.default.marginBottom,value:eventSwitchRegressionIsOn}),_react.default.createElement(_CheckBox.default,{onValueChange:this._handleEventSwitchRegression,style:_styles.default.marginBottom,value:eventSwitchRegressionIsOn}),_react.default.createElement(_Text.default,null,eventSwitchRegressionIsOn?"On":"Off")))}}]),OnValueChangeExample}(_react.PureComponent);OnValueChangeExample.displayName="OnValueChangeExample";var _ref=_react.default.createElement(OnValueChangeExample,null);function OnValueChange(){return _ref}OnValueChange.displayName="OnValueChange",OnValueChange.__docgenInfo={description:"",methods:[],displayName:"OnValueChange"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/examples/OnValueChange.js"]={name:"OnValueChange",docgenInfo:OnValueChange.__docgenInfo,path:"src/components/CheckBox/examples/OnValueChange.js"})},1489:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Value;var _react=_interopRequireDefault(__webpack_require__(0)),_styles=_interopRequireDefault(__webpack_require__(200)),_CheckBox=_interopRequireDefault(__webpack_require__(201)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_CheckBox.default,{value:!1}),_ref2=_react.default.createElement(_CheckBox.default,{value:!0});function Value(){return _react.default.createElement(_View.default,{style:_styles.default.row},_react.default.createElement(_View.default,{style:_styles.default.marginRight},_ref),_react.default.createElement(_View.default,{style:_styles.default.marginRight},_ref2))}Value.displayName="Value",Value.__docgenInfo={description:"",methods:[],displayName:"Value"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/examples/Value.js"]={name:"Value",docgenInfo:Value.__docgenInfo,path:"src/components/CheckBox/examples/Value.js"})},1490:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=CustomSize;var _react=_interopRequireDefault(__webpack_require__(0)),_styles=_interopRequireDefault(__webpack_require__(200)),_CheckBox=_interopRequireDefault(__webpack_require__(201)),_View=_interopRequireDefault(__webpack_require__(3));function CustomSize(){return _react.default.createElement(_View.default,{style:_styles.default.row},_react.default.createElement(_View.default,{style:_styles.default.marginRight},_react.default.createElement(_CheckBox.default,{style:{height:20,width:20},value:!0})),_react.default.createElement(_View.default,{style:_styles.default.marginRight},_react.default.createElement(_CheckBox.default,{style:{height:32,width:32},value:!0})))}CustomSize.displayName="CustomSize",CustomSize.__docgenInfo={description:"",methods:[],displayName:"CustomSize"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/CheckBox/examples/CustomSize.js"]={name:"CustomSize",docgenInfo:CustomSize.__docgenInfo,path:"src/components/CheckBox/examples/CustomSize.js"})},1491:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.multiColumn=exports.singleColumn=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1492)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|FlatList",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"flatlist"},"FlatList"),(0,_react2.mdx)("p",null,"An interface for rendering basic, flat lists. Please refer to the React Native\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://facebook.github.io/react-native/docs/flatlist",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"documentation for FlatList"),"."),(0,_react2.mdx)("p",null,"Note that ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"FlatList")," is not optimized for the web. You may wish to consider\nalternatives such as\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/Flipkart/recyclerlistview",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"recyclerlistview")," and\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://gist.github.com/vishnevskiy/f4ba74adf5cf1d269b860fab86e8feef",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"FastList"),"."),(0,_react2.mdx)("h3",{id:"single-column"},"Single column"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"singleColumn",mdxType:"Story"},(0,_react2.mdx)(Stories.singleColumn,null))),(0,_react2.mdx)("h3",{id:"multiple-columns"},"Multiple columns"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"multiColumn",mdxType:"Story"},(0,_react2.mdx)(Stories.multiColumn,null))))}MDXContent.isMDXComponent=!0;var singleColumn=function singleColumn(){return(0,_react2.mdx)(Stories.singleColumn,null)};exports.singleColumn=singleColumn,(singleColumn.story={}).name="singleColumn",singleColumn.story.parameters={mdxSource:"<Stories.singleColumn />"};var multiColumn=function multiColumn(){return(0,_react2.mdx)(Stories.multiColumn,null)};exports.multiColumn=multiColumn,(multiColumn.story={}).name="multiColumn",multiColumn.story.parameters={mdxSource:"<Stories.multiColumn />"};var componentMeta={title:"Components|FlatList",includeStories:["singleColumn","multiColumn"]},mdxStoryNameToKey={singleColumn:"singleColumn",multiColumn:"multiColumn"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1492:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"singleColumn",{enumerable:!0,get:function get(){return _SingleColumn.default}}),Object.defineProperty(exports,"multiColumn",{enumerable:!0,get:function get(){return _MultiColumn.default}});var _SingleColumn=_interopRequireDefault(__webpack_require__(1493)),_MultiColumn=_interopRequireDefault(__webpack_require__(1506))},1493:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(20),__webpack_require__(64),__webpack_require__(47),__webpack_require__(7),__webpack_require__(189),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(517),__webpack_require__(43),__webpack_require__(51),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=_uid;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireDefault(__webpack_require__(0)),_Animated=_interopRequireDefault(__webpack_require__(347)),_FlatList=_interopRequireDefault(__webpack_require__(262)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_shared=__webpack_require__(518);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}var AnimatedFlatList=_Animated.default.createAnimatedComponent(_FlatList.default),VIEWABILITY_CONFIG={minimumViewTime:3e3,viewAreaCoveragePercentThreshold:100,waitForInteraction:!0},_ref2=_react.default.createElement(_shared.SeparatorComponent,null),_ref3=_react.default.createElement(_shared.HeaderComponent,null),SingleColumnExample=function(_React$PureComponent){function SingleColumnExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,SingleColumnExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(SingleColumnExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{data:(0,_shared.genItemData)(100),debug:!1,horizontal:!1,inverted:!1,filterText:"",fixedHeight:!0,logViewable:!1,virtualized:!0}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onChangeFilterText",(function(filterText){_this.setState({filterText:filterText})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onChangeScrollToIndex",(function(text){_this._listRef.getNode().scrollToIndex({viewPosition:.5,index:+text})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_scrollPos",new _Animated.default.Value(0)),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_scrollSinkX",_Animated.default.event([{nativeEvent:{contentOffset:{x:_this._scrollPos}}}],{useNativeDriver:!0})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_scrollSinkY",_Animated.default.event([{nativeEvent:{contentOffset:{y:_this._scrollPos}}}],{useNativeDriver:!0})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_captureRef",(function(ref){_this._listRef=ref})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_getItemLayout",(function(data,index){return(0,_shared.getItemLayout)(data,index,_this.state.horizontal)})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onEndReached",(function(){1e3<=_this.state.data.length||_this.setState((function(state){return{data:state.data.concat((0,_shared.genItemData)(100,state.data.length))}}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onRefresh",(function(){return console.log("onRefresh: nothing to refresh :P")})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_renderItemComponent",(function(_ref){var item=_ref.item,separators=_ref.separators;return _react.default.createElement(_shared.ItemComponent,{fixedHeight:_this.state.fixedHeight,horizontal:_this.state.horizontal,item:item,onHideUnderlay:separators.unhighlight,onPress:_this._pressItem,onShowUnderlay:separators.highlight})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onViewableItemsChanged",(function(info){_this.state.logViewable&&console.log("onViewableItemsChanged: ",info.changed.map((function(v){return function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}({},v,{item:"..."})})))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_pressItem",(function(key){_this._listRef.getNode().recordInteraction(),(0,_shared.pressItem)((0,_assertThisInitialized2.default)(_this),key)})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_listRef",void 0),_this}return(0,_inherits2.default)(SingleColumnExample,_React$PureComponent),(0,_createClass2.default)(SingleColumnExample,[{key:"componentDidUpdate",value:function componentDidUpdate(){this._listRef.getNode().recordInteraction()}},{key:"render",value:function render(){var filterRegex=new RegExp(this.state.filterText+"","i"),filteredData=this.state.data.filter((function filter(item){return filterRegex.test(item.text)||filterRegex.test(item.title)}));return _react.default.createElement(_View.default,{style:styles.container},_react.default.createElement(_View.default,{style:styles.searchRow},_react.default.createElement(_View.default,{style:styles.options},_react.default.createElement(_shared.PlainInput,{onChangeText:this._onChangeFilterText,placeholder:"Search...",value:this.state.filterText}),_react.default.createElement(_shared.PlainInput,{onChangeText:this._onChangeScrollToIndex,placeholder:"scrollToIndex..."})),_react.default.createElement(_View.default,{style:styles.options},(0,_shared.renderSmallSwitchOption)(this,"virtualized"),(0,_shared.renderSmallSwitchOption)(this,"horizontal"),(0,_shared.renderSmallSwitchOption)(this,"fixedHeight"),(0,_shared.renderSmallSwitchOption)(this,"logViewable"),(0,_shared.renderSmallSwitchOption)(this,"inverted"),(0,_shared.renderSmallSwitchOption)(this,"debug"),_react.default.createElement(_shared.Spindicator,{value:this._scrollPos}))),_ref2,_react.default.createElement(AnimatedFlatList,{contentContainerStyle:styles.list,data:filteredData,debug:this.state.debug,disableVirtualization:!this.state.virtualized,getItemLayout:this.state.fixedHeight?this._getItemLayout:void 0,horizontal:this.state.horizontal,inverted:this.state.inverted,ItemSeparatorComponent:_shared.ItemSeparatorComponent,key:(this.state.horizontal?"h":"v")+(this.state.fixedHeight?"f":"d"),keyboardDismissMode:"on-drag",keyboardShouldPersistTaps:"always",legacyImplementation:!1,ListFooterComponent:_shared.FooterComponent,ListHeaderComponent:_ref3,numColumns:1,onEndReached:this._onEndReached,onRefresh:this._onRefresh,onScroll:this.state.horizontal?this._scrollSinkX:this._scrollSinkY,onViewableItemsChanged:this._onViewableItemsChanged,ref:this._captureRef,refreshing:!1,renderItem:this._renderItemComponent,viewabilityConfig:VIEWABILITY_CONFIG}))}}]),SingleColumnExample}(_react.default.PureComponent);SingleColumnExample.displayName="SingleColumnExample",(0,_defineProperty2.default)(SingleColumnExample,"title","<FlatList>"),(0,_defineProperty2.default)(SingleColumnExample,"description","Performant, scrollable list of data.");var styles=_StyleSheet.default.create({container:{backgroundColor:"rgb(239, 239, 244)",flex:1},list:{backgroundColor:"white"},options:{flexDirection:"row",flexWrap:"wrap",alignItems:"center"},searchRow:{paddingHorizontal:10}}),_ref4=_react.default.createElement(SingleColumnExample,null);function _uid(){return _react.default.createElement(_View.default,{style:{height:300}},_ref4)}_uid.displayName="SingleColumn"},1494:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/like.653ac540.png"},1495:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/dislike.bec69dfe.png"},1496:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/call.6fa04ec1.png"},1497:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/fist.29ddafe2.png"},1498:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/bandaged.34f4a33d.png"},1499:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/flowers.606c7671.png"},1500:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/heart.f60772da.png"},1501:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/liking.cf5d66fe.png"},1502:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/party.206b28d4.png"},1503:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/poke.920dfc96.png"},1504:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/superlike.891d87c2.png"},1505:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/victory.79cc718c.png"},1506:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(20),__webpack_require__(64),__webpack_require__(47),__webpack_require__(7),__webpack_require__(189),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(517),__webpack_require__(43),__webpack_require__(51),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=_uid;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireDefault(__webpack_require__(0)),_FlatList=_interopRequireDefault(__webpack_require__(262)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_shared=__webpack_require__(518);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}var _ref2=_react.default.createElement(_Text.default,null," numColumns: "),_ref3=_react.default.createElement(_shared.SeparatorComponent,null),MultiColumnExample=function(_React$PureComponent){function MultiColumnExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,MultiColumnExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(MultiColumnExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{data:(0,_shared.genItemData)(1e3),filterText:"",fixedHeight:!0,logViewable:!1,numColumns:2,virtualized:!0}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onChangeFilterText",(function(filterText){_this.setState((function(){return{filterText:filterText}}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onChangeNumColumns",(function(numColumns){_this.setState((function(){return{numColumns:+numColumns}}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_renderItemComponent",(function(_ref){var item=_ref.item;return _react.default.createElement(_View.default,{style:styles.card},_react.default.createElement(_shared.ItemComponent,{fixedHeight:_this.state.fixedHeight,item:item,onPress:_this._pressItem}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onViewableItemsChanged",(function(info){_this.state.logViewable&&console.log("onViewableItemsChanged: ",info.changed.map((function(v){return function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}({},v,{item:"..."})})))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_pressItem",(function(key){(0,_shared.pressItem)((0,_assertThisInitialized2.default)(_this),key)})),_this}return(0,_inherits2.default)(MultiColumnExample,_React$PureComponent),(0,_createClass2.default)(MultiColumnExample,[{key:"render",value:function render(){var filterRegex=new RegExp(this.state.filterText+"","i"),filteredData=this.state.data.filter((function filter(item){return filterRegex.test(item.text)||filterRegex.test(item.title)}));return _react.default.createElement(_View.default,{style:styles.container},_react.default.createElement(_View.default,{style:styles.searchRow},_react.default.createElement(_View.default,{style:styles.row},_react.default.createElement(_shared.PlainInput,{onChangeText:this._onChangeFilterText,placeholder:"Search...",value:this.state.filterText}),_ref2,_react.default.createElement(_shared.PlainInput,{clearButtonMode:"never",onChangeText:this._onChangeNumColumns,value:this.state.numColumns?this.state.numColumns+"":""})),_react.default.createElement(_View.default,{style:styles.row},(0,_shared.renderSmallSwitchOption)(this,"virtualized"),(0,_shared.renderSmallSwitchOption)(this,"fixedHeight"),(0,_shared.renderSmallSwitchOption)(this,"logViewable"))),_ref3,_react.default.createElement(_FlatList.default,{data:filteredData,disableVirtualization:!this.state.virtualized,getItemLayout:this.state.fixedHeight?this._getItemLayout:void 0,key:this.state.numColumns+(this.state.fixedHeight?"f":"v"),ListFooterComponent:_shared.FooterComponent,ListHeaderComponent:_shared.HeaderComponent,numColumns:this.state.numColumns||1,onRefresh:function onRefresh(){return console.log("onRefresh: nothing to refresh :P")},onViewableItemsChanged:this._onViewableItemsChanged,refreshing:!1,renderItem:this._renderItemComponent}))}},{key:"_getItemLayout",value:function _getItemLayout(data,index){var length=(0,_shared.getItemLayout)(data,index).length+2*(CARD_MARGIN+BORDER_WIDTH);return{length:length,offset:length*index,index:index}}}]),MultiColumnExample}(_react.default.PureComponent);MultiColumnExample.displayName="MultiColumnExample",(0,_defineProperty2.default)(MultiColumnExample,"title","<FlatList> - MultiColumn"),(0,_defineProperty2.default)(MultiColumnExample,"description","Performant, scrollable grid of data.");var CARD_MARGIN=4,BORDER_WIDTH=1,styles=_StyleSheet.default.create({container:{backgroundColor:"rgb(239, 239, 244)",flex:1},card:{margin:4,borderRadius:10,flex:1,overflow:"hidden",borderColor:"lightgray",borderWidth:BORDER_WIDTH},row:{flexDirection:"row",alignItems:"center"},searchRow:{padding:10}}),_ref4=_react.default.createElement(MultiColumnExample,null);function _uid(){return _react.default.createElement(_View.default,{style:{height:300}},_ref4)}_uid.displayName="MultiColumn"},1507:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.prefetch=exports.getSize=exports.styleTintColor=exports.styleBoxShadow=exports.source=exports.resizeMode=exports.onLoad=exports.onError=exports.draggable=exports.defaultSource=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1508)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|Image",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"image"},"Image"),(0,_react2.mdx)("p",null,"An accessible and responsive image component."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"blurRadius"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"defaultSource"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Source"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"draggable"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onError"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLoad"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLoadEnd"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLoadStart"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"resizeMode"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?ResizeMode"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'cover'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"source"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"Source"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"blurradius"},"blurRadius"),(0,_react2.mdx)("p",null,"The blur radius of the blur filter added to the image."),(0,_react2.mdx)("h3",{id:"defaultsource"},"defaultSource"),(0,_react2.mdx)("p",null,"The source ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"uri")," is a string representing a placeholder to display while the main image is being loaded."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type Source = { uri: string, width: number, height: number }\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"defaultSource",mdxType:"Story"},(0,_react2.mdx)(Stories.defaultSource,null))),(0,_react2.mdx)("h3",{id:"draggable"},"draggable"),(0,_react2.mdx)("p",null,"This is a web-only prop that indicates whether the image can be dragged with\nnative browser behavior. The default is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),"."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"draggable",mdxType:"Story"},(0,_react2.mdx)(Stories.draggable,null))),(0,_react2.mdx)("h3",{id:"onerror"},"onError"),(0,_react2.mdx)("p",null,"Called on load error with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"{nativeEvent: {error}}"),"."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onError",mdxType:"Story"},(0,_react2.mdx)(Stories.onError,null))),(0,_react2.mdx)("h3",{id:"onload"},"onLoad"),(0,_react2.mdx)("p",null,"Called when load completes successfully."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onLoad",mdxType:"Story"},(0,_react2.mdx)(Stories.onLoad,null))),(0,_react2.mdx)("h3",{id:"resizemode"},"resizeMode"),(0,_react2.mdx)("p",null,"Determines how to resize the image when the frame doesn't match the raw image dimensions."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type ResizeMode = 'center' | 'contain' | 'cover' | 'none' | 'repeat' | 'stretch';\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"resizeMode",mdxType:"Story"},(0,_react2.mdx)(Stories.resizeMode,null))),(0,_react2.mdx)("h3",{id:"source"},"source"),(0,_react2.mdx)("p",null,"The source ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"uri")," is a string representing the resource identifier for the image, which could be an http address or a base64 encoded image."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type Source = { uri: string, width: number, height: number }\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"source",mdxType:"Story"},(0,_react2.mdx)(Stories.source,null))),(0,_react2.mdx)("h3",{id:"style"},"style"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"{\n ...ViewProps.style\n resizeMode: ResizeMode\n tintColor: Color\n}\n")),(0,_react2.mdx)("h4",{id:"shadows"},"shadows"),(0,_react2.mdx)("p",null,"Image shadows are derived exactly from the pixels."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"styleBoxShadow",mdxType:"Story"},(0,_react2.mdx)(Stories.styleBoxShadow,null))),(0,_react2.mdx)("h4",{id:"tintcolor"},"tintColor"),(0,_react2.mdx)("p",null,"Tint color is applied to all opaque pixels."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"styleTintColor",mdxType:"Story"},(0,_react2.mdx)(Stories.styleTintColor,null))),(0,_react2.mdx)("h2",{id:"static-methods"},"Static methods"),(0,_react2.mdx)("h3",{id:"getsizeurl-callback"},"getSize(url, callback)"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type GetSize = (url: string, success: (width, height) => {}, failure: function) => void\n")),(0,_react2.mdx)("p",null,"Retrieve the width and height (in pixels) of an image prior to displaying it.\nThis method can fail if the image cannot be found, or fails to download."),(0,_react2.mdx)("p",null,"(In order to retrieve the image dimensions, the image may first need to be\nloaded or downloaded, after which it will be cached. This means that in\nprinciple you could use this method to preload images, however, it is not\noptimized for that purpose, and may in future be implemented in a way that does\nnot fully load/download the image data.)"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const uri = 'https://www.domain.com/img-1.jpg';\nImage.getSize(uri, ((width, height) => {\n // image size is available\n});\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"getSize",mdxType:"Story"},(0,_react2.mdx)(Stories.getSize,null))),(0,_react2.mdx)("h3",{id:"prefetchurl"},"prefetch(url)"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"type Prefetch = (url: string) => Promise\n")),(0,_react2.mdx)("p",null,"Prefetches a remote image for later use by downloading it. Once an image has been\nprefetched it is assumed to be in native browser caches and available for immediate\nrendering."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const uri = 'https://www.domain.com/img-1.jpg';\nImage.prefetch(uri).then(() => {\n // image is now prefetched\n});\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"prefetch",mdxType:"Story"},(0,_react2.mdx)(Stories.prefetch,null))),(0,_react2.mdx)("h3",{id:"querycachelist"},"queryCache(list)"),(0,_react2.mdx)("p",null,'Performs cache interrogation. Returns a mapping from URL to cache status:\n"disk", "memory", "disk/memory". If a requested URL is not in the mapping, it\nmeans it\'s not in the cache.'),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"Image.queryCache([\n 'https://www.domain.com/img-1.jpg',\n 'https://www.domain.com/img-2.missing',\n 'https://www.domain.com/img-3.jpg'\n]).then(res => {\n expect(res).toEqual({\n 'https://www.domain.com/img-1.jpg': 'disk/memory',\n 'https://www.domain.com/img-3.jpg': 'disk/memory'\n });\n});\n")))}MDXContent.isMDXComponent=!0;var defaultSource=function defaultSource(){return(0,_react2.mdx)(Stories.defaultSource,null)};exports.defaultSource=defaultSource,(defaultSource.story={}).name="defaultSource",defaultSource.story.parameters={mdxSource:"<Stories.defaultSource />"};var draggable=function draggable(){return(0,_react2.mdx)(Stories.draggable,null)};exports.draggable=draggable,(draggable.story={}).name="draggable",draggable.story.parameters={mdxSource:"<Stories.draggable />"};var onError=function onError(){return(0,_react2.mdx)(Stories.onError,null)};exports.onError=onError,(onError.story={}).name="onError",onError.story.parameters={mdxSource:"<Stories.onError />"};var onLoad=function onLoad(){return(0,_react2.mdx)(Stories.onLoad,null)};exports.onLoad=onLoad,(onLoad.story={}).name="onLoad",onLoad.story.parameters={mdxSource:"<Stories.onLoad />"};var resizeMode=function resizeMode(){return(0,_react2.mdx)(Stories.resizeMode,null)};exports.resizeMode=resizeMode,(resizeMode.story={}).name="resizeMode",resizeMode.story.parameters={mdxSource:"<Stories.resizeMode />"};var source=function source(){return(0,_react2.mdx)(Stories.source,null)};exports.source=source,(source.story={}).name="source",source.story.parameters={mdxSource:"<Stories.source />"};var styleBoxShadow=function styleBoxShadow(){return(0,_react2.mdx)(Stories.styleBoxShadow,null)};exports.styleBoxShadow=styleBoxShadow,(styleBoxShadow.story={}).name="styleBoxShadow",styleBoxShadow.story.parameters={mdxSource:"<Stories.styleBoxShadow />"};var styleTintColor=function styleTintColor(){return(0,_react2.mdx)(Stories.styleTintColor,null)};exports.styleTintColor=styleTintColor,(styleTintColor.story={}).name="styleTintColor",styleTintColor.story.parameters={mdxSource:"<Stories.styleTintColor />"};var getSize=function getSize(){return(0,_react2.mdx)(Stories.getSize,null)};exports.getSize=getSize,(getSize.story={}).name="getSize",getSize.story.parameters={mdxSource:"<Stories.getSize />"};var prefetch=function prefetch(){return(0,_react2.mdx)(Stories.prefetch,null)};exports.prefetch=prefetch,(prefetch.story={}).name="prefetch",prefetch.story.parameters={mdxSource:"<Stories.prefetch />"};var componentMeta={title:"Components|Image",includeStories:["defaultSource","draggable","onError","onLoad","resizeMode","source","styleBoxShadow","styleTintColor","getSize","prefetch"]},mdxStoryNameToKey={defaultSource:"defaultSource",draggable:"draggable",onError:"onError",onLoad:"onLoad",resizeMode:"resizeMode",source:"source",styleBoxShadow:"styleBoxShadow",styleTintColor:"styleTintColor",getSize:"getSize",prefetch:"prefetch"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1508:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"defaultSource",{enumerable:!0,get:function get(){return _DefaultSource.default}}),Object.defineProperty(exports,"draggable",{enumerable:!0,get:function get(){return _Draggable.default}}),Object.defineProperty(exports,"onError",{enumerable:!0,get:function get(){return _OnError.default}}),Object.defineProperty(exports,"onLoad",{enumerable:!0,get:function get(){return _OnLoad.default}}),Object.defineProperty(exports,"onLoadEnd",{enumerable:!0,get:function get(){return _OnLoadEnd.default}}),Object.defineProperty(exports,"onLoadStart",{enumerable:!0,get:function get(){return _OnLoadStart.default}}),Object.defineProperty(exports,"resizeMode",{enumerable:!0,get:function get(){return _ResizeMode.default}}),Object.defineProperty(exports,"source",{enumerable:!0,get:function get(){return _Source.default}}),Object.defineProperty(exports,"styleBoxShadow",{enumerable:!0,get:function get(){return _StyleBoxShadow.default}}),Object.defineProperty(exports,"styleTintColor",{enumerable:!0,get:function get(){return _StyleTintColor.default}}),Object.defineProperty(exports,"getSize",{enumerable:!0,get:function get(){return _StaticGetSize.default}}),Object.defineProperty(exports,"prefetch",{enumerable:!0,get:function get(){return _StaticPrefetch.default}});var _DefaultSource=_interopRequireDefault(__webpack_require__(1509)),_Draggable=_interopRequireDefault(__webpack_require__(1513)),_OnError=_interopRequireDefault(__webpack_require__(1514)),_OnLoad=_interopRequireDefault(__webpack_require__(1515)),_OnLoadEnd=_interopRequireDefault(__webpack_require__(1516)),_OnLoadStart=_interopRequireDefault(__webpack_require__(1517)),_ResizeMode=_interopRequireDefault(__webpack_require__(1518)),_Source=_interopRequireDefault(__webpack_require__(1519)),_StyleBoxShadow=_interopRequireDefault(__webpack_require__(1520)),_StyleTintColor=_interopRequireDefault(__webpack_require__(1521)),_StaticGetSize=_interopRequireDefault(__webpack_require__(1522)),_StaticPrefetch=_interopRequireDefault(__webpack_require__(1523))},1509:function(module,exports,__webpack_require__){__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Source;var _interopRequireDefault=__webpack_require__(1),helpers=__webpack_require__(14)(__webpack_require__(138)),_sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireDefault(__webpack_require__(0)),_Image=_interopRequireDefault(__webpack_require__(69));function Source(){return _react.default.createElement(_Image.default,{defaultSource:_sources.default.placeholder,style:helpers.styles.base})}Source.displayName="Source",Source.__docgenInfo={description:"",methods:[],displayName:"Source"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/DefaultSource.js"]={name:"Source",docgenInfo:Source.__docgenInfo,path:"src/components/Image/examples/DefaultSource.js"})},1510:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/placeholder.10fa4007.jpg"},1511:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/smallflower.e3ead565.jpg"},1512:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ladybug.b42d1fdf.jpg"},1513:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Draggable;var _sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireDefault(__webpack_require__(0)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3));function Draggable(){return _react.default.createElement(_View.default,{style:styles.container},_react.default.createElement(_Image.default,{draggable:!0,source:_sources.default.large,style:styles.image}))}Draggable.displayName="Draggable";var styles=_StyleSheet.default.create({container:{flexDirection:"row"},image:{width:300,height:200,backgroundColor:"transparent",marginRight:10}});Draggable.__docgenInfo={description:"",methods:[],displayName:"Draggable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/Draggable.js"]={name:"Draggable",docgenInfo:Draggable.__docgenInfo,path:"src/components/Image/examples/Draggable.js"})},1514:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnError;var _NetworkImage=_interopRequireDefault(__webpack_require__(257)),_react=_interopRequireDefault(__webpack_require__(0)),_sources=_interopRequireDefault(__webpack_require__(86));function OnError(){return _react.default.createElement(_NetworkImage.default,{logMethod:"onError",source:_sources.default.broken})}OnError.displayName="OnError",OnError.__docgenInfo={description:"",methods:[],displayName:"OnError"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/OnError.js"]={name:"OnError",docgenInfo:OnError.__docgenInfo,path:"src/components/Image/examples/OnError.js"})},1515:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnLoad;var _helpers=__webpack_require__(138),_NetworkImage=_interopRequireDefault(__webpack_require__(257)),_react=_interopRequireDefault(__webpack_require__(0)),_sources=_interopRequireDefault(__webpack_require__(86));function OnLoad(){return _react.default.createElement(_NetworkImage.default,{logMethod:"onLoad",source:(0,_helpers.createUncachedURI)(_sources.default.largeAlt)})}OnLoad.displayName="OnLoad",OnLoad.__docgenInfo={description:"",methods:[],displayName:"OnLoad"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/OnLoad.js"]={name:"OnLoad",docgenInfo:OnLoad.__docgenInfo,path:"src/components/Image/examples/OnLoad.js"})},1516:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnLoadEnd;var _helpers=__webpack_require__(138),_NetworkImage=_interopRequireDefault(__webpack_require__(257)),_react=_interopRequireDefault(__webpack_require__(0)),_sources=_interopRequireDefault(__webpack_require__(86));function OnLoadEnd(){return _react.default.createElement(_NetworkImage.default,{logMethod:"onLoadEnd",source:(0,_helpers.createUncachedURI)(_sources.default.largeAlt)})}OnLoadEnd.displayName="OnLoadEnd",OnLoadEnd.__docgenInfo={description:"",methods:[],displayName:"OnLoadEnd"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/OnLoadEnd.js"]={name:"OnLoadEnd",docgenInfo:OnLoadEnd.__docgenInfo,path:"src/components/Image/examples/OnLoadEnd.js"})},1517:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnLoadStart;var _helpers=__webpack_require__(138),_NetworkImage=_interopRequireDefault(__webpack_require__(257)),_react=_interopRequireDefault(__webpack_require__(0)),_sources=_interopRequireDefault(__webpack_require__(86));function OnLoadStart(){return _react.default.createElement(_NetworkImage.default,{logMethod:"onLoadStart",source:(0,_helpers.createUncachedURI)(_sources.default.largeAlt)})}OnLoadStart.displayName="OnLoadStart",OnLoadStart.__docgenInfo={description:"",methods:[],displayName:"OnLoadStart"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/OnLoadStart.js"]={name:"OnLoadStart",docgenInfo:OnLoadStart.__docgenInfo,path:"src/components/Image/examples/OnLoadStart.js"})},1518:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),__webpack_require__(479),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ResizeMode;var _react=_interopRequireDefault(__webpack_require__(0)),_sources=_interopRequireDefault(__webpack_require__(86)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function ResizeMode(){return _react.default.createElement(_View.default,null,[_sources.default.small].map((function(source,i){return _react.default.createElement(_View.default,{key:i},_react.default.createElement(_View.default,{style:styles.horizontal},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:[styles.resizeModeText]},"Center"),_react.default.createElement(_Image.default,{resizeMode:"center",source:source,style:styles.resizeMode})),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:[styles.resizeModeText]},"Contain"),_react.default.createElement(_Image.default,{resizeMode:"contain",source:source,style:styles.resizeMode})),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:[styles.resizeModeText]},"Cover"),_react.default.createElement(_Image.default,{resizeMode:"cover",source:source,style:styles.resizeMode})),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:[styles.resizeModeText]},"Repeat"),_react.default.createElement(_Image.default,{resizeMode:"repeat",source:source,style:styles.resizeMode})),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:[styles.resizeModeText]},"Stretch"),_react.default.createElement(_Image.default,{resizeMode:"stretch",source:source,style:styles.resizeMode}))))})))}ResizeMode.displayName="ResizeMode";var styles=_StyleSheet.default.create({horizontal:{flexDirection:"row",flexWrap:"wrap",justifyContent:"space-between"},resizeMode:{borderColor:"black",borderWidth:.5,height:120,width:120},resizeModeText:{marginBottom:"0.5rem"},leftMargin:{marginLeft:10}});ResizeMode.__docgenInfo={description:"",methods:[],displayName:"ResizeMode"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/ResizeMode.js"]={name:"ResizeMode",docgenInfo:ResizeMode.__docgenInfo,path:"src/components/Image/examples/ResizeMode.js"})},1519:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Source;var _sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireDefault(__webpack_require__(0)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function Source(){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_View.default,{style:styles.row},_react.default.createElement(_View.default,{style:styles.column},_react.default.createElement(_Text.default,{style:styles.text},"Static image"),_react.default.createElement(_Image.default,{source:_sources.default.static,style:styles.image})),_react.default.createElement(_View.default,{style:styles.column},_react.default.createElement(_Text.default,{style:styles.text},"Progressive JPEG"),_react.default.createElement(_Image.default,{source:_sources.default.pjpeg,style:styles.image})),_react.default.createElement(_View.default,{style:styles.column},_react.default.createElement(_Text.default,{style:styles.text},"Animated GIF"),_react.default.createElement(_Image.default,{source:_sources.default.animatedGif,style:styles.image}))),_react.default.createElement(_View.default,{style:styles.row},_react.default.createElement(_View.default,{style:styles.column},_react.default.createElement(_Text.default,{style:styles.text},"PNG (base64)"),_react.default.createElement(_Image.default,{source:_sources.default.dataBase64Png,style:styles.image})),_react.default.createElement(_View.default,{style:styles.column},_react.default.createElement(_Text.default,{style:styles.text},"SVG (base64)"),_react.default.createElement(_Image.default,{source:_sources.default.dataBase64Svg,style:styles.image})),_react.default.createElement(_View.default,{style:styles.column},_react.default.createElement(_Text.default,{style:styles.text},"SVG (inline data)"),_react.default.createElement(_Image.default,{source:_sources.default.dataSvg,style:styles.image}))))}Source.displayName="Source";var styles=_StyleSheet.default.create({row:{flexDirection:"row",flexWrap:"wrap",justifyContent:"space-between"},column:{alignItems:"flex-start",marginBottom:"1rem"},text:{marginBottom:"0.5rem"},image:{borderColor:"black",borderWidth:.5,height:120,width:120,resizeMode:"cover"}});Source.__docgenInfo={description:"",methods:[],displayName:"Source"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/Source.js"]={name:"Source",docgenInfo:Source.__docgenInfo,path:"src/components/Image/examples/Source.js"})},1520:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=StyleBoxShadow;var _react=_interopRequireDefault(__webpack_require__(0)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_hawk=_interopRequireDefault(__webpack_require__(520));function StyleBoxShadow(){return _react.default.createElement(_Image.default,{source:_hawk.default,style:styles.box})}StyleBoxShadow.displayName="StyleBoxShadow";var styles=_StyleSheet.default.create({box:{width:100,height:100,overflow:"visible",shadowOpacity:.5,shadowRadius:3,shadowOffset:{width:2,height:2}}});StyleBoxShadow.__docgenInfo={description:"",methods:[],displayName:"StyleBoxShadow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/StyleBoxShadow.js"]={name:"StyleBoxShadow",docgenInfo:StyleBoxShadow.__docgenInfo,path:"src/components/Image/examples/StyleBoxShadow.js"})},1521:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=StyleBoxShadow;var _react=_interopRequireDefault(__webpack_require__(0)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_hawk=_interopRequireDefault(__webpack_require__(520));function StyleBoxShadow(){return _react.default.createElement(_Image.default,{source:_hawk.default,style:styles.box})}StyleBoxShadow.displayName="StyleBoxShadow";var styles=_StyleSheet.default.create({box:{width:100,height:100,borderWidth:2,tintColor:"red"}});StyleBoxShadow.__docgenInfo={description:"",methods:[],displayName:"StyleBoxShadow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/StyleTintColor.js"]={name:"StyleBoxShadow",docgenInfo:StyleBoxShadow.__docgenInfo,path:"src/components/Image/examples/StyleTintColor.js"})},1522:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_helpers=__webpack_require__(138),_sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireWildcard(__webpack_require__(0)),_Button=_interopRequireDefault(__webpack_require__(120)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),ImageGetSizeExample=function(_PureComponent){function ImageGetSizeExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,ImageGetSizeExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ImageGetSizeExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{showButton:!0,startLoad:!1,width:0,height:0}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePress",(function(){_Image.default.getSize(_this.props.source.uri,(function(width,height){_this.setState({startLoad:!0,showButton:!1,width:width,height:height})}))})),_this}return(0,_inherits2.default)(ImageGetSizeExample,_PureComponent),(0,_createClass2.default)(ImageGetSizeExample,[{key:"render",value:function render(){var _this$state=this.state,showButton=_this$state.showButton,startLoad=_this$state.startLoad;return _react.default.createElement(_View.default,null,showButton?_react.default.createElement(_View.default,{style:styles.button},_react.default.createElement(_Button.default,{onPress:this._handlePress,title:"Get image dimensions"})):null,startLoad?_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,null,"Source dimensions:"," ",JSON.stringify({width:this.state.width,height:this.state.height})),_react.default.createElement(_Image.default,{source:(0,_helpers.createUncachedURI)(this.props.source.uri),style:styles.image})):null)}}]),ImageGetSizeExample}(_react.PureComponent);ImageGetSizeExample.displayName="ImageGetSizeExample";var styles=_StyleSheet.default.create({button:{maxWidth:300},image:{backgroundColor:"#eee",height:230,marginTop:10,width:320}}),StaticGetSizeExample=function(){return _react.default.createElement(ImageGetSizeExample,{source:_sources.default.pjpeg})};StaticGetSizeExample.displayName="StaticGetSizeExample",StaticGetSizeExample.__docgenInfo={description:"",methods:[],displayName:"StaticGetSizeExample"};var _default=StaticGetSizeExample;exports.default=_default,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/StaticGetSize.js"]={name:"StaticGetSizeExample",docgenInfo:StaticGetSizeExample.__docgenInfo,path:"src/components/Image/examples/StaticGetSize.js"})},1523:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(119),__webpack_require__(519),__webpack_require__(48),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_helpers=__webpack_require__(138),_sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireWildcard(__webpack_require__(0)),_Button=_interopRequireDefault(__webpack_require__(120)),_Image=_interopRequireDefault(__webpack_require__(69)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),ImagePrefetchExample=function(_PureComponent){function ImagePrefetchExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,ImagePrefetchExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ImagePrefetchExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{events:[],showButton:!0,startLoad:!1}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLoad",(function(){var startTime=_this._startTime;_this._loadEventFired("✔ (prefetched) onLoad (+".concat(Date.now()-startTime,"ms)"))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLoadEnd",(function(){var startTime=_this._startTime;_this._loadEventFired("✔ (prefetched) onLoadEnd (+".concat(Date.now()-startTime,"ms)"))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLoadStart",(function(){var startTime=_this._startTime;_this._loadEventFired("✔ (prefetched) onLoadStart (+".concat(Date.now()-startTime,"ms)"))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePress",(function(){_this._startTime=_this._startTime||Date.now(),_Image.default.prefetch((0,_helpers.createUncachedURI)(_this.props.source.uri)).then((function(){_this._loadEventFired("✔ Prefetch OK"),_this.setState((function(){return{startLoad:!0}}))}),(function(error){_this._loadEventFired("✘ Prefetch failed (+".concat(Date.now()-_this._startTime,"ms)")),console.log(error)}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_loadEventFired",(function(event){_this.setState((function(state){return{events:[].concat((0,_toConsumableArray2.default)(state.events),[event]),showButton:!1}}))})),_this}return(0,_inherits2.default)(ImagePrefetchExample,_PureComponent),(0,_createClass2.default)(ImagePrefetchExample,[{key:"render",value:function render(){var _this$state=this.state,showButton=_this$state.showButton,startLoad=_this$state.startLoad;return _react.default.createElement(_View.default,null,showButton?_react.default.createElement(_View.default,{style:styles.button},_react.default.createElement(_Button.default,{onPress:this._handlePress,title:"Prefetch image"})):null,startLoad?_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,null,this.state.events.join("\n")),_react.default.createElement(_Image.default,{onLoad:this._handleLoad,onLoadEnd:this._handleLoadEnd,onLoadStart:this._handleLoadStart,source:this.props.source,style:styles.image})):null)}}]),ImagePrefetchExample}(_react.PureComponent);ImagePrefetchExample.displayName="ImagePrefetchExample";var styles=_StyleSheet.default.create({button:{maxWidth:300},image:{backgroundColor:"#eee",height:150,marginTop:10,width:150}}),StaticPrefetchExample=function(){return _react.default.createElement(ImagePrefetchExample,{source:_sources.default.prefetchable})};StaticPrefetchExample.displayName="StaticPrefetchExample",StaticPrefetchExample.__docgenInfo={description:"",methods:[],displayName:"StaticPrefetchExample"};var _default=StaticPrefetchExample;exports.default=_default,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/StaticPrefetch.js"]={name:"StaticPrefetchExample",docgenInfo:StaticPrefetchExample.__docgenInfo,path:"src/components/Image/examples/StaticPrefetch.js"})},1524:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.children=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1525)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|ImageBackground",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"imagebackground"},"ImageBackground"),(0,_react2.mdx)("p",null,"A image component with support for child content."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ImagePropTypes"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"children"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?any"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"imageStyle"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"children"},"children"),(0,_react2.mdx)("p",null,"Content to display over the image."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"children",mdxType:"Story"},(0,_react2.mdx)(Stories.children,null))))}MDXContent.isMDXComponent=!0;var children=function children(){return(0,_react2.mdx)(Stories.children,null)};exports.children=children,(children.story={}).name="children",children.story.parameters={mdxSource:"<Stories.children />"};var componentMeta={title:"Components|ImageBackground",includeStories:["children"]},mdxStoryNameToKey={children:"children"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1525:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"children",{enumerable:!0,get:function get(){return _Children.default}});var _Children=_interopRequireDefault(__webpack_require__(1526))},1526:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Children;var _sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireDefault(__webpack_require__(0)),_ImageBackground=_interopRequireDefault(__webpack_require__(1527)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9));function Children(){return _react.default.createElement(_ImageBackground.default,{source:_sources.default.large,style:styles.image},_react.default.createElement(_Text.default,{style:styles.text},"Child content"))}Children.displayName="Children";var styles=_StyleSheet.default.create({image:{width:300,height:200,backgroundColor:"transparent",justifyContent:"center",alignItems:"center"},text:{backgroundColor:"transparent",color:"white",fontWeight:"bold",fontSize:18,position:"relative",top:50}});Children.__docgenInfo={description:"",methods:[],displayName:"Children"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ImageBackground/examples/Children.js"]={name:"Children",docgenInfo:Children.__docgenInfo,path:"src/components/ImageBackground/examples/Children.js"})},1527:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_Image__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(69),_StyleSheet__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var emptyObject={},ImageBackground=Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,forwardedRef){var children=props.children,_props$style=props.style,style=void 0===_props$style?emptyObject:_props$style,imageStyle=props.imageStyle,imageRef=props.imageRef,rest=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["children","style","imageStyle","imageRef"]),_StyleSheet$flatten=_StyleSheet__WEBPACK_IMPORTED_MODULE_2__.default.flatten(style),height=_StyleSheet$flatten.height,width=_StyleSheet$flatten.width;return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_3__.default,{ref:forwardedRef,style:style},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Image__WEBPACK_IMPORTED_MODULE_1__.default,_extends({},rest,{ref:imageRef,style:[_StyleSheet__WEBPACK_IMPORTED_MODULE_2__.default.absoluteFill,{width:width,height:height,zIndex:-1},imageStyle]})),children)}));ImageBackground.displayName="ImageBackground",__webpack_exports__.default=ImageBackground},1528:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps=(_interopRequireWildcard(__webpack_require__(1529)),{}),MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|Picker",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"picker"},"Picker"),(0,_react2.mdx)("p",null,"Renders the native ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"<select>")," component."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"children"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?any"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"enabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onValueChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"selectedValue"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"children"},"children"),(0,_react2.mdx)("p",null,"The items to display in the picker must be of type ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Picker.Item"),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'<Picker>\n <Picker.Item label="Goblet of Fire" />\n <Picker.Item label="Order of the Phoenix" />\n</Picker>\n')),(0,_react2.mdx)("h3",{id:"enabled"},"enabled"),(0,_react2.mdx)("p",null,"If set to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),", the picker will be disabled, i.e., the user will not be able\nto make a selection."),(0,_react2.mdx)("h3",{id:"onvaluechange"},"onValueChange"),(0,_react2.mdx)("p",null,"Callback for when an item is selected. This is called with the value and index\nprop of the item that was selected: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"(itemValue, itemIndex) => void"),"."),(0,_react2.mdx)("h3",{id:"selectedvalue"},"selectedValue"),(0,_react2.mdx)("p",null,"Select the item with the matching value."),(0,_react2.mdx)("h3",{id:"style"},"style"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"{\n ...ViewProps.style,\n color: color\n}\n")),(0,_react2.mdx)("h1",{id:"pickeritem"},"Picker.Item"),(0,_react2.mdx)("p",null,"Individual selectable item in a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Picker"),"."),(0,_react2.mdx)("h2",{id:"props-1"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?any"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"label"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"testID"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"value"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string ","|"," ?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"color"},"color"),(0,_react2.mdx)("p",null,"Color of the item label. (Limited by browser support.)"),(0,_react2.mdx)("h3",{id:"label"},"label"),(0,_react2.mdx)("p",null,"Text to display for this item."),(0,_react2.mdx)("h3",{id:"testid"},"testID"),(0,_react2.mdx)("p",null,"Used to locate this view in end-to-end tests."),(0,_react2.mdx)("h3",{id:"value"},"value"),(0,_react2.mdx)("p",null,"The value to be passed to the picker's ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onValueChange")," callback when this item\nis selected."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Components|Picker",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1529:function(module,exports){},1530:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.feedbackEvents=exports.delayEvents=exports.disabled=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1531)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|Pressable",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"pressable"},"Pressable"),(0,_react2.mdx)("p",null,"..."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"delayLongPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"500")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"delayPressIn"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"delayPressOut"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"disabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLongPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPressIn"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPressOut"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"delaylongpress"},"delayLongPress"),(0,_react2.mdx)("p",null,"Delay in ms, from ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onPressIn")," to before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onLongPress")," is called. The default is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"500"),"."),(0,_react2.mdx)("h3",{id:"delaypressin"},"delayPressIn"),(0,_react2.mdx)("p",null,"Delay in ms, from pointer down to before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onPressIn")," is called."),(0,_react2.mdx)("h3",{id:"delaypressout"},"delayPressOut"),(0,_react2.mdx)("p",null,"Delay in ms, from pointer up to before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onPressOut")," is called."),(0,_react2.mdx)("h3",{id:"disabled"},"disabled"),(0,_react2.mdx)("p",null,"Disables all pointer interactions with the element."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)("h3",{id:"onlongpress"},"onLongPress"),(0,_react2.mdx)("p",null,"Called when the pointer is held down for as long as the value of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"delayLongPress"),"."),(0,_react2.mdx)("h3",{id:"onpress"},"onPress"),(0,_react2.mdx)("p",null,"Called when the pointer is released, but not if cancelled (e.g. by a scroll that steals the responder lock)."),(0,_react2.mdx)("h2",{id:"examples"},"Examples"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"delayEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.delayEvents,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"feedbackEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.feedbackEvents,null))))}MDXContent.isMDXComponent=!0;var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var delayEvents=function delayEvents(){return(0,_react2.mdx)(Stories.delayEvents,null)};exports.delayEvents=delayEvents,(delayEvents.story={}).name="delayEvents",delayEvents.story.parameters={mdxSource:"<Stories.delayEvents />"};var feedbackEvents=function feedbackEvents(){return(0,_react2.mdx)(Stories.feedbackEvents,null)};exports.feedbackEvents=feedbackEvents,(feedbackEvents.story={}).name="feedbackEvents",feedbackEvents.story.parameters={mdxSource:"<Stories.feedbackEvents />"};var componentMeta={title:"Components|Pressable",includeStories:["disabled","delayEvents","feedbackEvents"]},mdxStoryNameToKey={disabled:"disabled",delayEvents:"delayEvents",feedbackEvents:"feedbackEvents"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1531:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"delayEvents",{enumerable:!0,get:function get(){return _DelayEvents.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"feedbackEvents",{enumerable:!0,get:function get(){return _FeedbackEvents.default}});var _DelayEvents=_interopRequireDefault(__webpack_require__(1532)),_Disabled=_interopRequireDefault(__webpack_require__(1533)),_FeedbackEvents=_interopRequireDefault(__webpack_require__(1534))},1532:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=DelayEvents;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_Pressable=_interopRequireDefault(__webpack_require__(346)),_View=_interopRequireDefault(__webpack_require__(3));function DelayEvents(){var _React$useState=_react.default.useState([]),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),eventLog=_React$useState2[0],updateEventLog=_React$useState2[1],handlePress=function(eventName){return function(){updateEventLog((function(state){var nextState=state.slice(0,5);return nextState.unshift(eventName),nextState}))}};return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_Pressable.default,{delayLongPress:800,delayPressIn:400,delayPressOut:1e3,onLongPress:handlePress("longPress: 800ms delay"),onPress:handlePress("press"),onPressIn:handlePress("pressIn: 400ms delay"),onPressOut:handlePress("pressOut: 1000ms delay")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},"Pressable")))),_react.default.createElement(_View.default,{style:styles.eventLogBox},eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}DelayEvents.displayName="DelayEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});DelayEvents.__docgenInfo={description:"",methods:[],displayName:"DelayEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pressable/examples/DelayEvents.js"]={name:"DelayEvents",docgenInfo:DelayEvents.__docgenInfo,path:"src/components/Pressable/examples/DelayEvents.js"})},1533:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Disabled;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_Text=_interopRequireDefault(__webpack_require__(9)),_Pressable=_interopRequireDefault(__webpack_require__(346)),action=function(msg){return function(){console.log(msg)}};function Disabled(){return _react.default.createElement(_View.default,null,_react.default.createElement(_Pressable.default,{disabled:!0,onPress:action("Pressable")},_react.default.createElement(_View.default,{style:[styles.row,styles.block]},_react.default.createElement(_Text.default,{style:styles.disabledButton},"Disabled Pressable"))),_react.default.createElement(_Pressable.default,{disabled:!1,onPress:action("Pressable")},_react.default.createElement(_View.default,{style:[styles.row,styles.block]},_react.default.createElement(_Text.default,{style:styles.button},"Enabled Pressable"))))}Disabled.displayName="Disabled";var styles=_StyleSheet.default.create({row:{justifyContent:"center",flexDirection:"row"},block:{padding:10}});Disabled.__docgenInfo={description:"",methods:[],displayName:"Disabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pressable/examples/Disabled.js"]={name:"Disabled",docgenInfo:Disabled.__docgenInfo,path:"src/components/Pressable/examples/Disabled.js"})},1534:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=FeedbackEvents;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_Pressable=_interopRequireDefault(__webpack_require__(346)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_ref3=_react.default.createElement(_Text.default,null,"Nested pressables");function FeedbackEvents(){var _React$useState=_react.default.useState([]),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),eventLog=_React$useState2[0],updateEventLog=_React$useState2[1],handlePress=function(eventName){return function(){updateEventLog((function(state){var nextState=state.slice(0,5);return nextState.unshift(eventName),nextState}))}};return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_Pressable.default,{onLongPress:handlePress("longPress"),onPress:handlePress("press"),onPressIn:handlePress("pressIn"),onPressOut:handlePress("pressOut")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},"Press Me")))),_react.default.createElement(_View.default,null,_react.default.createElement(_Pressable.default,{accessibilityRole:"none",onLongPress:handlePress("longPress"),onPress:handlePress("press"),onPressIn:handlePress("pressIn"),onPressOut:handlePress("pressOut"),style:function style(_ref){var pressed=_ref.pressed;return{padding:10,margin:10,borderWidth:1,borderColor:_ref.focused?"blue":null,backgroundColor:pressed?"lightblue":"white"}}},_react.default.createElement(_Pressable.default,{accessibilityRole:"none",onLongPress:handlePress("longPress - inner"),onPress:handlePress("press - inner"),onPressIn:handlePress("pressIn - inner"),onPressOut:handlePress("pressOut - inner"),style:function style(_ref2){var pressed=_ref2.pressed;return{padding:10,margin:10,borderWidth:1,borderColor:_ref2.focused?"blue":null,backgroundColor:pressed?"lightblue":"white"}}},_ref3))),_react.default.createElement(_View.default,{style:styles.eventLogBox},eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}FeedbackEvents.displayName="FeedbackEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});FeedbackEvents.__docgenInfo={description:"",methods:[],displayName:"FeedbackEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pressable/examples/FeedbackEvents.js"]={name:"FeedbackEvents",docgenInfo:FeedbackEvents.__docgenInfo,path:"src/components/Pressable/examples/FeedbackEvents.js"})},1535:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.customSize=exports.trackColor=exports.progress=exports.indeterminate=exports.color=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1536)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|ProgressBar",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"progressbar"},"ProgressBar"),(0,_react2.mdx)("p",null,"Display an activity progress bar."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#1976D2'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"indeterminate"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"progress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"trackColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'transparent'")))),(0,_react2.mdx)("h3",{id:"color"},"color"),(0,_react2.mdx)("p",null,"Customize the color of the progress bar."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"color",mdxType:"Story"},(0,_react2.mdx)(Stories.color,null))),(0,_react2.mdx)("h3",{id:"indeterminate"},"indeterminate"),(0,_react2.mdx)("p",null,"Whether the progress bar will show indeterminate progress."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"indeterminate",mdxType:"Story"},(0,_react2.mdx)(Stories.indeterminate,null))),(0,_react2.mdx)("h3",{id:"progress"},"progress"),(0,_react2.mdx)("p",null,"The progress value (between 0 and 1)."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"progress",mdxType:"Story"},(0,_react2.mdx)(Stories.progress,null))),(0,_react2.mdx)("h3",{id:"trackcolor"},"trackColor"),(0,_react2.mdx)("p",null,"Customize the color of the track bar."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"trackColor",mdxType:"Story"},(0,_react2.mdx)(Stories.trackColor,null))),(0,_react2.mdx)("h2",{id:"notes"},"Notes"),(0,_react2.mdx)("p",null,"Custom sizes can be created using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"style"),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'<ProgressBar\n style={{ borderRadius: 10, height: 10 }}\n trackColor="#D1E3F6"\n/>\n')),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"customSize",mdxType:"Story"},(0,_react2.mdx)(Stories.customSize,null))))}MDXContent.isMDXComponent=!0;var color=function color(){return(0,_react2.mdx)(Stories.color,null)};exports.color=color,(color.story={}).name="color",color.story.parameters={mdxSource:"<Stories.color />"};var indeterminate=function indeterminate(){return(0,_react2.mdx)(Stories.indeterminate,null)};exports.indeterminate=indeterminate,(indeterminate.story={}).name="indeterminate",indeterminate.story.parameters={mdxSource:"<Stories.indeterminate />"};var progress=function progress(){return(0,_react2.mdx)(Stories.progress,null)};exports.progress=progress,(progress.story={}).name="progress",progress.story.parameters={mdxSource:"<Stories.progress />"};var trackColor=function trackColor(){return(0,_react2.mdx)(Stories.trackColor,null)};exports.trackColor=trackColor,(trackColor.story={}).name="trackColor",trackColor.story.parameters={mdxSource:"<Stories.trackColor />"};var customSize=function customSize(){return(0,_react2.mdx)(Stories.customSize,null)};exports.customSize=customSize,(customSize.story={}).name="customSize",customSize.story.parameters={mdxSource:"<Stories.customSize />"};var componentMeta={title:"Components|ProgressBar",includeStories:["color","indeterminate","progress","trackColor","customSize"]},mdxStoryNameToKey={color:"color",indeterminate:"indeterminate",progress:"progress",trackColor:"trackColor",customSize:"customSize"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1536:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"color",{enumerable:!0,get:function get(){return _Color.default}}),Object.defineProperty(exports,"indeterminate",{enumerable:!0,get:function get(){return _Indeterminate.default}}),Object.defineProperty(exports,"progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"trackColor",{enumerable:!0,get:function get(){return _TrackColor.default}}),Object.defineProperty(exports,"customSize",{enumerable:!0,get:function get(){return _CustomSize.default}});var _Color=_interopRequireDefault(__webpack_require__(1537)),_Indeterminate=_interopRequireDefault(__webpack_require__(1538)),_Progress=_interopRequireDefault(__webpack_require__(1539)),_TrackColor=_interopRequireDefault(__webpack_require__(1540)),_CustomSize=_interopRequireDefault(__webpack_require__(1541))},1537:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Color;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(258),_ProgressBar=_interopRequireDefault(__webpack_require__(202)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_View.default,null,_react.default.createElement(_ProgressBar.default,{color:"#1DA1F2",progress:.5}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_ProgressBar.default,{color:"#17BF63",progress:.5}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_ProgressBar.default,{color:"#F45D22",progress:.5}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_ProgressBar.default,{color:"#794BC4",progress:.5}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_ProgressBar.default,{color:"#E0245E",progress:.5}));function Color(){return _ref}Color.displayName="Color",Color.__docgenInfo={description:"",methods:[],displayName:"Color"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/examples/Color.js"]={name:"Color",docgenInfo:Color.__docgenInfo,path:"src/components/ProgressBar/examples/Color.js"})},1538:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Indeterminate;var _react=_interopRequireDefault(__webpack_require__(0)),_ProgressBar=_interopRequireDefault(__webpack_require__(202)),_ref=_react.default.createElement(_ProgressBar.default,{indeterminate:!0,trackColor:"#D1E3F6"});function Indeterminate(){return _ref}Indeterminate.displayName="Indeterminate",Indeterminate.__docgenInfo={description:"",methods:[],displayName:"Indeterminate"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/examples/Indeterminate.js"]={name:"Indeterminate",docgenInfo:Indeterminate.__docgenInfo,path:"src/components/ProgressBar/examples/Indeterminate.js"})},1539:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Progress;var _helpers=__webpack_require__(258),_react=_interopRequireDefault(__webpack_require__(0)),_ProgressBar=_interopRequireDefault(__webpack_require__(202)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_helpers.DividerVertical,null),_ref2=_react.default.createElement(_helpers.DividerVertical,null),_ref3=_react.default.createElement(_helpers.DividerVertical,null);function Progress(){return _react.default.createElement(_View.default,null,_react.default.createElement(_ProgressBar.default,{color:"#794BC4",progress:.25,style:styles.progress}),_ref,_react.default.createElement(_ProgressBar.default,{color:"#794BC4",progress:.5,style:styles.progress}),_ref2,_react.default.createElement(_ProgressBar.default,{color:"#794BC4",progress:.75,style:styles.progress}),_ref3,_react.default.createElement(_ProgressBar.default,{color:"#794BC4",progress:1,style:styles.progress}))}Progress.displayName="Progress";var styles=_StyleSheet.default.create({progress:{minWidth:200}});Progress.__docgenInfo={description:"",methods:[],displayName:"Progress"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/examples/Progress.js"]={name:"Progress",docgenInfo:Progress.__docgenInfo,path:"src/components/ProgressBar/examples/Progress.js"})},154:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(123),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(70),_StyleSheet__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(3);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function createExtraStyles(activeOpacity,underlayColor){return{child:{opacity:null!=activeOpacity?activeOpacity:.85},underlay:{backgroundColor:void 0===underlayColor?"black":underlayColor}}}function hasPressHandler(props){return null!=props.onPress||null!=props.onPressIn||null!=props.onPressOut||null!=props.onLongPress}var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.create({root:{userSelect:"none"},actionable:{cursor:"pointer",touchAction:"manipulation"}}),MemoedTouchableHighlight=react__WEBPACK_IMPORTED_MODULE_0__.memo(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function TouchableHighlight(props,forwardedRef){var accessible=props.accessible,activeOpacity=props.activeOpacity,children=props.children,delayPressIn=props.delayPressIn,delayPressOut=props.delayPressOut,delayLongPress=props.delayLongPress,disabled=props.disabled,focusable=props.focusable,onHideUnderlay=props.onHideUnderlay,onLongPress=props.onLongPress,onPress=props.onPress,onPressIn=props.onPressIn,onPressOut=props.onPressOut,onShowUnderlay=props.onShowUnderlay,rejectResponderTermination=props.rejectResponderTermination,style=props.style,testOnly_pressed=props.testOnly_pressed,underlayColor=props.underlayColor,rest=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["accessible","activeOpacity","children","delayPressIn","delayPressOut","delayLongPress","disabled","focusable","onHideUnderlay","onLongPress","onPress","onPressIn","onPressOut","onShowUnderlay","rejectResponderTermination","style","testOnly_pressed","underlayColor"]),hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),setRef=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_2__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){hostRef.current=hostNode}}),_useState=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0===testOnly_pressed?createExtraStyles(activeOpacity,underlayColor):null),extraStyles=_useState[0],setExtraStyles=_useState[1],showUnderlay=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(){hasPressHandler(props)&&(setExtraStyles(createExtraStyles(activeOpacity,underlayColor)),null!=onShowUnderlay&&onShowUnderlay())}),[activeOpacity,onShowUnderlay,props,underlayColor]),hideUnderlay=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(){!0!==testOnly_pressed&&hasPressHandler(props)&&(setExtraStyles(null),null!=onHideUnderlay&&onHideUnderlay())}),[onHideUnderlay,props,testOnly_pressed]),pressConfig=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return{cancelable:!rejectResponderTermination,disabled:disabled,delayLongPress:delayLongPress,delayPressStart:delayPressIn,delayPressEnd:delayPressOut,onLongPress:onLongPress,onPress:onPress,onPressStart:function onPressStart(event){showUnderlay(),null!=onPressIn&&onPressIn(event)},onPressEnd:function onPressEnd(event){hideUnderlay(),null!=onPressOut&&onPressOut(event)}}}),[delayLongPress,delayPressIn,delayPressOut,disabled,onLongPress,onPress,onPressIn,onPressOut,rejectResponderTermination,showUnderlay,hideUnderlay]),pressEventHandlers=Object(_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_1__.a)(hostRef,pressConfig),child=react__WEBPACK_IMPORTED_MODULE_0__.Children.only(children);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_4__.default,_extends({},rest,pressEventHandlers,{accessibilityState:_objectSpread({disabled:disabled},props.accessibilityState),accessible:!1!==accessible,focusable:!1!==focusable&&void 0!==onPress,ref:setRef,style:[styles.root,style,!disabled&&styles.actionable,extraStyles&&extraStyles.underlay]}),react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(child,{style:_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.compose(child.props.style,extraStyles&&extraStyles.child)}))})));MemoedTouchableHighlight.displayName="TouchableHighlight",__webpack_exports__.default=MemoedTouchableHighlight},1540:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=TrackColor;var _helpers=__webpack_require__(258),_react=_interopRequireDefault(__webpack_require__(0)),_ProgressBar=_interopRequireDefault(__webpack_require__(202)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_View.default,null,_react.default.createElement(_ProgressBar.default,{color:"rgb(23, 191, 99)",progress:.1,trackColor:"rgba(23, 191, 99, 0.3)"}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_ProgressBar.default,{color:"rgb(244, 93, 34)",progress:.2,trackColor:"rgba(244, 93, 34, 0.3)"}),_react.default.createElement(_helpers.DividerVertical,null),_react.default.createElement(_ProgressBar.default,{color:"rgb(121, 75, 196)",progress:.3,trackColor:"rgba(121, 75, 196, 0.3)"}));function TrackColor(){return _ref}TrackColor.displayName="TrackColor",TrackColor.__docgenInfo={description:"",methods:[],displayName:"TrackColor"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/examples/TrackColor.js"]={name:"TrackColor",docgenInfo:TrackColor.__docgenInfo,path:"src/components/ProgressBar/examples/TrackColor.js"})},1541:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=CustomSize;var _helpers=__webpack_require__(258),_react=_interopRequireDefault(__webpack_require__(0)),_ProgressBar=_interopRequireDefault(__webpack_require__(202)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_helpers.DividerVertical,null);function CustomSize(){return _react.default.createElement(_View.default,null,_react.default.createElement(_ProgressBar.default,{color:"#1DA1F2",progress:.33,style:styles.one,trackColor:"#D1E3F6"}),_ref,_react.default.createElement(_ProgressBar.default,{color:"#1DA1F2",progress:.33,style:styles.two,trackColor:"#D1E3F6"}))}CustomSize.displayName="CustomSize";var styles=_StyleSheet.default.create({one:{borderRadius:10,height:10},two:{borderRadius:10,height:20}});CustomSize.__docgenInfo={description:"",methods:[],displayName:"CustomSize"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/examples/CustomSize.js"]={name:"CustomSize",docgenInfo:CustomSize.__docgenInfo,path:"src/components/ProgressBar/examples/CustomSize.js"})},1542:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.scrollEnabled=exports.onScroll=exports.horizontal=exports.vertical=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1543)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|ScrollView",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"scrollview"},"ScrollView"),(0,_react2.mdx)("p",null,"A scrollable view that provides integration with the touch-locking responder\nsystem. ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"ScrollView")," must have a bounded height: either set the height of the\nview directly (discouraged) or make sure all parent views have bounded height\n(e.g., transfer ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"{ flex: 1}")," down the view stack)."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"contentContainerStyle"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#AAB8C2'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"horizontal"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"keyboardDismissMode"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'none' ","|"," 'on-drag' ","|"," 'interactive'"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onContentSizeChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onScroll"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"pagingEnabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"scrollEnabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"scrollEventThrottle"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"stickyHeaderIndices"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Array<number",">"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"contentcontainerstyle"},"contentContainerStyle"),(0,_react2.mdx)("p",null,"These styles will be applied to the scroll view content container which wraps all of the child views."),(0,_react2.mdx)("h3",{id:"horizontal"},"horizontal"),(0,_react2.mdx)("p",null,"When ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the scroll view's children are arranged horizontally in a row instead of vertically in a column."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"vertical",mdxType:"Story"},(0,_react2.mdx)(Stories.vertical,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"horizontal",mdxType:"Story"},(0,_react2.mdx)(Stories.horizontal,null))),(0,_react2.mdx)("h3",{id:"keyboarddismissmode"},"keyboardDismissMode"),(0,_react2.mdx)("p",null,"Determines whether the keyboard gets dismissed in response to a scroll drag."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"none")," (the default): drags do not dismiss the keyboard."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"on-drag"),": the keyboard is dismissed when a drag begins."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"interactive")," (not supported on web; same as ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"none"),")")),(0,_react2.mdx)("h3",{id:"oncontentsizechange"},"onContentSizeChange"),(0,_react2.mdx)("p",null,"Called when scrollable content view of the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"ScrollView")," changes. It's\nimplemented using the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onLayout")," handler attached to the content container which\nthis ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"ScrollView")," renders."),(0,_react2.mdx)("h3",{id:"onscroll"},"onScroll"),(0,_react2.mdx)("p",null,"Fires at most once per frame during scrolling. The frequency of the events can\nbe controlled using the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"scrollEventThrottle")," prop."),(0,_react2.mdx)("p",null,"Invoked on scroll with the following event:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"{\n nativeEvent: {\n contentOffset: { x, y },\n contentSize: { height, width },\n layoutMeasurement: { height, width }\n }\n}\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onScroll",mdxType:"Story"},(0,_react2.mdx)(Stories.onScroll,null))),(0,_react2.mdx)("h3",{id:"pagingenabled"},"pagingEnabled"),(0,_react2.mdx)("p",null,"When ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the scroll view snaps to individual items in the list when scrolling."),(0,_react2.mdx)("h3",{id:"scrollenabled"},"scrollEnabled"),(0,_react2.mdx)("p",null,"When ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),", the content does not scroll."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"scrollEnabled",mdxType:"Story"},(0,_react2.mdx)(Stories.scrollEnabled,null))),(0,_react2.mdx)("h3",{id:"scrolleventthrottle"},"scrollEventThrottle"),(0,_react2.mdx)("p",null,"This controls how often the scroll event will be fired while scrolling (as a\ntime interval in ms). A lower number yields better accuracy for code that is\ntracking the scroll position, but can lead to scroll performance problems. The\ndefault value is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"0"),", which means the scroll event will be sent only once each\ntime the view is scrolled."),(0,_react2.mdx)("h3",{id:"stickyheaderindices"},"stickyHeaderIndices"),(0,_react2.mdx)("p",null,"An array of child indices determining which children get docked to the top of\nthe screen when scrolling. For example, passing ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"stickyHeaderIndices=0")," will cause\nthe first child to be fixed to the top of the scroll view. This property is not\nsupported in conjunction with the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"horizontal")," prop."),(0,_react2.mdx)("h2",{id:"instance-methods"},"Instance methods"),(0,_react2.mdx)("h3",{id:"getinnerviewnode"},"getInnerViewNode()"),(0,_react2.mdx)("p",null,"Returns a reference to the underlying content container DOM node within the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"ScrollView"),"."),(0,_react2.mdx)("h3",{id:"getscrollablenode"},"getScrollableNode()"),(0,_react2.mdx)("p",null,"Returns a reference to the underlying scrollable DOM node."),(0,_react2.mdx)("h3",{id:"getscrollresponder"},"getScrollResponder()"),(0,_react2.mdx)("p",null,"Returns a reference to the underlying scroll responder, which supports\noperations like ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"scrollTo()"),". All ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"ScrollView"),"-like components should implement\nthis method so that they can be composed while providing access to the\nunderlying scroll responder's methods."),(0,_react2.mdx)("h3",{id:"scrollto"},"scrollTo()"),(0,_react2.mdx)("p",null,"Scrolls to a given ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"x"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"y")," offset (animation depends on browser support for ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"scroll-behavior"),")."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"scrollRef.scrollTo({ x, y, animated });\n")),(0,_react2.mdx)("h3",{id:"scrolltoend"},"scrollToEnd()"),(0,_react2.mdx)("p",null,"Scrolls to the end of the scroll view."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"scrollRef.scrollToEnd({ animated });\n")))}MDXContent.isMDXComponent=!0;var vertical=function vertical(){return(0,_react2.mdx)(Stories.vertical,null)};exports.vertical=vertical,(vertical.story={}).name="vertical",vertical.story.parameters={mdxSource:"<Stories.vertical />"};var horizontal=function horizontal(){return(0,_react2.mdx)(Stories.horizontal,null)};exports.horizontal=horizontal,(horizontal.story={}).name="horizontal",horizontal.story.parameters={mdxSource:"<Stories.horizontal />"};var onScroll=function onScroll(){return(0,_react2.mdx)(Stories.onScroll,null)};exports.onScroll=onScroll,(onScroll.story={}).name="onScroll",onScroll.story.parameters={mdxSource:"<Stories.onScroll />"};var scrollEnabled=function scrollEnabled(){return(0,_react2.mdx)(Stories.scrollEnabled,null)};exports.scrollEnabled=scrollEnabled,(scrollEnabled.story={}).name="scrollEnabled",scrollEnabled.story.parameters={mdxSource:"<Stories.scrollEnabled />"};var componentMeta={title:"Components|ScrollView",includeStories:["vertical","horizontal","onScroll","scrollEnabled"]},mdxStoryNameToKey={vertical:"vertical",horizontal:"horizontal",onScroll:"onScroll",scrollEnabled:"scrollEnabled"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1543:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"horizontal",{enumerable:!0,get:function get(){return _Horizontal.default}}),Object.defineProperty(exports,"onScroll",{enumerable:!0,get:function get(){return _OnScroll.default}}),Object.defineProperty(exports,"scrollEnabled",{enumerable:!0,get:function get(){return _ScrollEnabled.default}}),Object.defineProperty(exports,"vertical",{enumerable:!0,get:function get(){return _Vertical.default}});var _Horizontal=_interopRequireDefault(__webpack_require__(1544)),_OnScroll=_interopRequireDefault(__webpack_require__(1545)),_ScrollEnabled=_interopRequireDefault(__webpack_require__(1546)),_Vertical=_interopRequireDefault(__webpack_require__(1547))},1544:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Horizontal;var _toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_react=_interopRequireDefault(__webpack_require__(0)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_helpers=__webpack_require__(259),ITEMS=(0,_toConsumableArray2.default)(Array(12)).map((function(_,i){return"Item ".concat(i)}));function Horizontal(){var scrollRef=_react.default.useRef(null);return _react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.text},"Horizontal scroll"),_react.default.createElement(_ScrollView.default,{horizontal:!0,ref:scrollRef,style:[styles.scrollView,styles.horizontalScrollView]},ITEMS.map(_helpers.createItemRow)),_react.default.createElement(_helpers.Button,{label:"Scroll to start",onPress:function onPress(){scrollRef.current.scrollTo({x:0})}}),_react.default.createElement(_helpers.Button,{label:"Scroll to 50px",onPress:function onPress(){scrollRef.current.scrollTo({x:50})}}),_react.default.createElement(_helpers.Button,{label:"Scroll to end",onPress:function onPress(){scrollRef.current.scrollToEnd({animated:!0})}}),_react.default.createElement(_helpers.Button,{label:"Flash scroll indicators",onPress:function onPress(){scrollRef.current.flashScrollIndicators()}}))}Horizontal.displayName="Horizontal";var styles=_StyleSheet.default.create({scrollView:{backgroundColor:"#eeeeee",height:300},horizontalScrollView:{height:106},text:{fontSize:16,fontWeight:"bold",margin:5}});Horizontal.__docgenInfo={description:"",methods:[],displayName:"Horizontal"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ScrollView/examples/Horizontal.js"]={name:"Horizontal",docgenInfo:Horizontal.__docgenInfo,path:"src/components/ScrollView/examples/Horizontal.js"})},1545:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnScroll;var _toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_react=_interopRequireDefault(__webpack_require__(0)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_helpers=__webpack_require__(259),ITEMS=(0,_toConsumableArray2.default)(Array(12)).map((function(_,i){return"Item ".concat(i)}));function OnScroll(){var scrollRef=_react.default.useRef(null);return _react.default.createElement(_View.default,null,_react.default.createElement(_ScrollView.default,{onScroll:function onScroll(){console.log("onScroll!")},ref:scrollRef,scrollEventThrottle:200,style:styles.scrollView},ITEMS.map(_helpers.createItemRow)),_react.default.createElement(_helpers.Button,{label:"Scroll to top",onPress:function onPress(){scrollRef.current.scrollTo({y:0})}}),_react.default.createElement(_helpers.Button,{label:"Scroll to bottom",onPress:function onPress(){scrollRef.current.scrollToEnd({animated:!0})}}))}OnScroll.displayName="OnScroll";var styles=_StyleSheet.default.create({scrollView:{backgroundColor:"#eeeeee",height:300},horizontalScrollView:{height:106},text:{fontSize:16,fontWeight:"bold",margin:5},row:{flexDirection:"row",justifyContent:"space-around"}});OnScroll.__docgenInfo={description:"",methods:[],displayName:"OnScroll"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ScrollView/examples/OnScroll.js"]={name:"OnScroll",docgenInfo:OnScroll.__docgenInfo,path:"src/components/ScrollView/examples/OnScroll.js"})},1546:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(48),__webpack_require__(2),__webpack_require__(32),__webpack_require__(51),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ScrollEnabled;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_react=_interopRequireDefault(__webpack_require__(0)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_helpers=__webpack_require__(259),ITEMS=(0,_toConsumableArray2.default)(Array(12)).map((function(_,i){return"Item ".concat(i)}));function ScrollEnabled(){var _React$useState=_react.default.useState(!0),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),enabled=_React$useState2[0],updateEnabled=_React$useState2[1];return _react.default.createElement(_View.default,null,_react.default.createElement(_ScrollView.default,{scrollEnabled:enabled,style:styles.scrollView},ITEMS.map(_helpers.createItemRow)),_react.default.createElement(_Text.default,null,"Scrolling enabled = "+enabled.toString()),_react.default.createElement(_helpers.Button,{label:"Disable Scrolling",onPress:function onPress(){updateEnabled(!1)}}),_react.default.createElement(_helpers.Button,{label:"Enable Scrolling",onPress:function onPress(){updateEnabled(!0)}}))}ScrollEnabled.displayName="ScrollEnabled";var styles=_StyleSheet.default.create({scrollView:{backgroundColor:"#eeeeee",height:300}});ScrollEnabled.__docgenInfo={description:"",methods:[],displayName:"ScrollEnabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ScrollView/examples/ScrollEnabled.js"]={name:"ScrollEnabled",docgenInfo:ScrollEnabled.__docgenInfo,path:"src/components/ScrollView/examples/ScrollEnabled.js"})},1547:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Vertical;var _toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_react=_interopRequireDefault(__webpack_require__(0)),_ScrollView=_interopRequireDefault(__webpack_require__(80)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_helpers=__webpack_require__(259),ITEMS=(0,_toConsumableArray2.default)(Array(12)).map((function(_,i){return"Item ".concat(i)}));function Vertical(){var scrollRef=_react.default.useRef(null);return _react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.text},"Vertical scroll"),_react.default.createElement(_ScrollView.default,{ref:scrollRef,style:styles.scrollView},ITEMS.map(_helpers.createItemRow)),_react.default.createElement(_helpers.Button,{label:"Scroll to start",onPress:function onPress(){scrollRef.current.scrollTo({y:0})}}),_react.default.createElement(_helpers.Button,{label:"Scroll to 50px",onPress:function onPress(){scrollRef.current.scrollTo({y:50})}}),_react.default.createElement(_helpers.Button,{label:"Scroll to end",onPress:function onPress(){scrollRef.current.scrollToEnd({animated:!0})}}),_react.default.createElement(_helpers.Button,{label:"Flash scroll indicators",onPress:function onPress(){scrollRef.current.flashScrollIndicators()}}))}Vertical.displayName="Vertical";var styles=_StyleSheet.default.create({scrollView:{backgroundColor:"#eeeeee",height:300},text:{fontSize:16,fontWeight:"bold",margin:5}});Vertical.__docgenInfo={description:"",methods:[],displayName:"Vertical"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ScrollView/examples/Vertical.js"]={name:"Vertical",docgenInfo:Vertical.__docgenInfo,path:"src/components/ScrollView/examples/Vertical.js"})},1548:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.customSize=exports.value=exports.trackColor=exports.thumbColor=exports.onValueChange=exports.disabled=exports.activeTrackColor=exports.activeThumbColor=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1549)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|Switch",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"switch"},"Switch"),(0,_react2.mdx)("p",null,"This is a controlled component that requires an ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onValueChange")," callback that\nupdates the value prop in order for the component to reflect user actions. If\nthe value prop is not updated, the component will continue to render the\nsupplied value prop instead of the expected result of any user actions."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"activeThumbColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#009688'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"activeTrackColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#A3D3CF'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"disabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onValueChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"thumbColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#FAFAFA'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"trackColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'#939393'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"value"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")))),(0,_react2.mdx)("h3",{id:"activethumbcolor"},"activeThumbColor"),(0,_react2.mdx)("p",null,"The color of the thumb grip when the switch is turned on. (Web-only)"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"activeThumbColor",mdxType:"Story"},(0,_react2.mdx)(Stories.activeThumbColor,null))),(0,_react2.mdx)("h3",{id:"activetrackcolor"},"activeTrackColor"),(0,_react2.mdx)("p",null,"The color of the track when the switch is turned on. (Web-only)"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"activeTrackColor",mdxType:"Story"},(0,_react2.mdx)(Stories.activeTrackColor,null))),(0,_react2.mdx)("h3",{id:"disabled"},"disabled"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the user won't be able to interact with the switch."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)("h3",{id:"onvaluechange"},"onValueChange"),(0,_react2.mdx)("p",null,"Invoked with the new value when the value changes."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onValueChange",mdxType:"Story"},(0,_react2.mdx)(Stories.onValueChange,null))),(0,_react2.mdx)("h3",{id:"thumbcolor"},"thumbColor"),(0,_react2.mdx)("p",null,"The color of the thumb grip when the switch is turned off."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"thumbColor",mdxType:"Story"},(0,_react2.mdx)(Stories.thumbColor,null))),(0,_react2.mdx)("h3",{id:"trackcolor"},"trackColor"),(0,_react2.mdx)("p",null,"The color of the track when the switch is turned off."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"trackColor",mdxType:"Story"},(0,_react2.mdx)(Stories.trackColor,null))),(0,_react2.mdx)("h3",{id:"value"},"value"),(0,_react2.mdx)("p",null,"The value of the switch. If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true")," the switch will be turned on."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"value",mdxType:"Story"},(0,_react2.mdx)(Stories.value,null))),(0,_react2.mdx)("h2",{id:"notes"},"Notes"),(0,_react2.mdx)("p",null,"Custom sizes can be created using styles."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"<Switch style={{ height: 30 }} />\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"customSize",mdxType:"Story"},(0,_react2.mdx)(Stories.customSize,null))))}MDXContent.isMDXComponent=!0;var activeThumbColor=function activeThumbColor(){return(0,_react2.mdx)(Stories.activeThumbColor,null)};exports.activeThumbColor=activeThumbColor,(activeThumbColor.story={}).name="activeThumbColor",activeThumbColor.story.parameters={mdxSource:"<Stories.activeThumbColor />"};var activeTrackColor=function activeTrackColor(){return(0,_react2.mdx)(Stories.activeTrackColor,null)};exports.activeTrackColor=activeTrackColor,(activeTrackColor.story={}).name="activeTrackColor",activeTrackColor.story.parameters={mdxSource:"<Stories.activeTrackColor />"};var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var onValueChange=function onValueChange(){return(0,_react2.mdx)(Stories.onValueChange,null)};exports.onValueChange=onValueChange,(onValueChange.story={}).name="onValueChange",onValueChange.story.parameters={mdxSource:"<Stories.onValueChange />"};var thumbColor=function thumbColor(){return(0,_react2.mdx)(Stories.thumbColor,null)};exports.thumbColor=thumbColor,(thumbColor.story={}).name="thumbColor",thumbColor.story.parameters={mdxSource:"<Stories.thumbColor />"};var trackColor=function trackColor(){return(0,_react2.mdx)(Stories.trackColor,null)};exports.trackColor=trackColor,(trackColor.story={}).name="trackColor",trackColor.story.parameters={mdxSource:"<Stories.trackColor />"};var value=function value(){return(0,_react2.mdx)(Stories.value,null)};exports.value=value,(value.story={}).name="value",value.story.parameters={mdxSource:"<Stories.value />"};var customSize=function customSize(){return(0,_react2.mdx)(Stories.customSize,null)};exports.customSize=customSize,(customSize.story={}).name="customSize",customSize.story.parameters={mdxSource:"<Stories.customSize />"};var componentMeta={title:"Components|Switch",includeStories:["activeThumbColor","activeTrackColor","disabled","onValueChange","thumbColor","trackColor","value","customSize"]},mdxStoryNameToKey={activeThumbColor:"activeThumbColor",activeTrackColor:"activeTrackColor",disabled:"disabled",onValueChange:"onValueChange",thumbColor:"thumbColor",trackColor:"trackColor",value:"value",customSize:"customSize"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1549:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"activeThumbColor",{enumerable:!0,get:function get(){return _ActiveThumbColor.default}}),Object.defineProperty(exports,"activeTrackColor",{enumerable:!0,get:function get(){return _ActiveTrackColor.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"onValueChange",{enumerable:!0,get:function get(){return _OnValueChange.default}}),Object.defineProperty(exports,"thumbColor",{enumerable:!0,get:function get(){return _ThumbColor.default}}),Object.defineProperty(exports,"trackColor",{enumerable:!0,get:function get(){return _TrackColor.default}}),Object.defineProperty(exports,"value",{enumerable:!0,get:function get(){return _Value.default}}),Object.defineProperty(exports,"customSize",{enumerable:!0,get:function get(){return _CustomSize.default}});var _ActiveThumbColor=_interopRequireDefault(__webpack_require__(1550)),_ActiveTrackColor=_interopRequireDefault(__webpack_require__(1551)),_Disabled=_interopRequireDefault(__webpack_require__(1552)),_OnValueChange=_interopRequireDefault(__webpack_require__(1553)),_ThumbColor=_interopRequireDefault(__webpack_require__(1554)),_TrackColor=_interopRequireDefault(__webpack_require__(1555)),_Value=_interopRequireDefault(__webpack_require__(1556)),_CustomSize=_interopRequireDefault(__webpack_require__(1557))},155:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(123),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(70),_StyleSheet__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(3);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.create({root:{transitionProperty:"opacity",transitionDuration:"0.15s",userSelect:"none"},actionable:{cursor:"pointer",touchAction:"manipulation"}}),MemoedTouchableOpacity=react__WEBPACK_IMPORTED_MODULE_0__.memo(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function TouchableOpacity(props,forwardedRef){var accessible=props.accessible,activeOpacity=props.activeOpacity,delayPressIn=props.delayPressIn,delayPressOut=props.delayPressOut,delayLongPress=props.delayLongPress,disabled=props.disabled,focusable=props.focusable,onLongPress=props.onLongPress,onPress=props.onPress,onPressIn=props.onPressIn,onPressOut=props.onPressOut,rejectResponderTermination=props.rejectResponderTermination,style=props.style,rest=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["accessible","activeOpacity","delayPressIn","delayPressOut","delayLongPress","disabled","focusable","onLongPress","onPress","onPressIn","onPressOut","rejectResponderTermination","style"]),hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),setRef=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_2__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){hostRef.current=hostNode}}),_useState=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)("0s"),duration=_useState[0],setDuration=_useState[1],_useState2=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),opacityOverride=_useState2[0],setOpacityOverride=_useState2[1],setOpacityTo=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(value,duration){setOpacityOverride(value),setDuration(duration?duration/1e3+"s":"0s")}),[setOpacityOverride,setDuration]),setOpacityActive=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(duration){setOpacityTo(null!=activeOpacity?activeOpacity:.2,duration)}),[activeOpacity,setOpacityTo]),setOpacityInactive=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(duration){setOpacityTo(null,duration)}),[setOpacityTo]),pressConfig=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return{cancelable:!rejectResponderTermination,disabled:disabled,delayLongPress:delayLongPress,delayPressStart:delayPressIn,delayPressEnd:delayPressOut,onLongPress:onLongPress,onPress:onPress,onPressStart:function onPressStart(event){setOpacityActive("onResponderGrant"===event.dispatchConfig.registrationName?0:150),null!=onPressIn&&onPressIn(event)},onPressEnd:function onPressEnd(event){setOpacityInactive(250),null!=onPressOut&&onPressOut(event)}}}),[delayLongPress,delayPressIn,delayPressOut,disabled,onLongPress,onPress,onPressIn,onPressOut,rejectResponderTermination,setOpacityActive,setOpacityInactive]),pressEventHandlers=Object(_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_1__.a)(hostRef,pressConfig);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_4__.default,_extends({},rest,pressEventHandlers,{accessibilityState:_objectSpread({disabled:disabled},props.accessibilityState),accessible:!1!==accessible,focusable:!1!==focusable&&void 0!==onPress,ref:setRef,style:[styles.root,!disabled&&styles.actionable,style,null!=opacityOverride&&{opacity:opacityOverride},{transitionDuration:duration}]}))})));MemoedTouchableOpacity.displayName="TouchableOpacity",__webpack_exports__.default=MemoedTouchableOpacity},1550:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ActiveThumbColor;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(139),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),colors=["#1DA1F2","#17BF63","#F45D22","#794BC4","#E0245E"],itemStyle=[_helpers.styles.marginVertical,_helpers.styles.marginRight],_ref=_react.default.createElement(_View.default,{style:itemStyle},_react.default.createElement(_Switch.default,{value:!0}));function ActiveThumbColor(){return _react.default.createElement(_View.default,{style:_helpers.styles.row},_ref,colors.map((function(color,i){return _react.default.createElement(_View.default,{key:i,style:itemStyle},_react.default.createElement(_Switch.default,{activeThumbColor:color,activeTrackColor:"#ccc",value:!0}))})))}ActiveThumbColor.displayName="ActiveThumbColor",ActiveThumbColor.__docgenInfo={description:"",methods:[],displayName:"ActiveThumbColor"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/ActiveThumbColor.js"]={name:"ActiveThumbColor",docgenInfo:ActiveThumbColor.__docgenInfo,path:"src/components/Switch/examples/ActiveThumbColor.js"})},1551:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ActiveTrackColor;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(139),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),colors=["#1DA1F2","#17BF63","#F45D22","#794BC4","#E0245E"],itemStyle=[_helpers.styles.marginVertical,_helpers.styles.marginRight],_ref=_react.default.createElement(_View.default,{style:itemStyle},_react.default.createElement(_Switch.default,{value:!0}));function ActiveTrackColor(){return _react.default.createElement(_View.default,{style:_helpers.styles.row},_ref,colors.map((function(color,i){return _react.default.createElement(_View.default,{key:i,style:itemStyle},_react.default.createElement(_Switch.default,{activeThumbColor:"#ccc",activeTrackColor:color,value:!0}))})))}ActiveTrackColor.displayName="ActiveTrackColor",ActiveTrackColor.__docgenInfo={description:"",methods:[],displayName:"ActiveTrackColor"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/ActiveTrackColor.js"]={name:"ActiveTrackColor",docgenInfo:ActiveTrackColor.__docgenInfo,path:"src/components/Switch/examples/ActiveTrackColor.js"})},1552:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Disabled;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(139),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_Switch.default,{disabled:!0,value:!1}),_ref2=_react.default.createElement(_Switch.default,{disabled:!0,value:!0});function Disabled(){return _react.default.createElement(_View.default,{style:_helpers.styles.row},_react.default.createElement(_View.default,{style:_helpers.styles.marginRight},_ref),_react.default.createElement(_View.default,{style:_helpers.styles.marginRight},_ref2))}Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",methods:[],displayName:"Disabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/Disabled.js"]={name:"Disabled",docgenInfo:Disabled.__docgenInfo,path:"src/components/Switch/examples/Disabled.js"})},1553:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnValueChange;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_helpers=__webpack_require__(139),_react=_interopRequireDefault(__webpack_require__(0)),_Switch=_interopRequireDefault(__webpack_require__(99)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function OnValueChange(){var _React$useState=_react.default.useState(!1),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),switchState=_React$useState2[0],updateSwitch=_React$useState2[1],_React$useState3=_react.default.useState(!1),_React$useState4=(0,_slicedToArray2.default)(_React$useState3,2),otherSwitchState=_React$useState4[0],updateOtherSwitch=_React$useState4[1],switchValueChange=function(value){updateSwitch(value)},otherSwitchValueChange=function(value){updateOtherSwitch(value)};return _react.default.createElement(_View.default,{style:_helpers.styles.row},_react.default.createElement(_View.default,{style:[_helpers.styles.alignCenter,_helpers.styles.marginRight]},_react.default.createElement(_Switch.default,{onValueChange:switchValueChange,style:_helpers.styles.marginBottom,value:switchState}),_react.default.createElement(_Switch.default,{onValueChange:switchValueChange,style:_helpers.styles.marginBottom,value:switchState}),_react.default.createElement(_Text.default,null,switchState?"On":"Off")),_react.default.createElement(_View.default,{style:_helpers.styles.alignCenter},_react.default.createElement(_Switch.default,{onValueChange:otherSwitchValueChange,style:_helpers.styles.marginBottom,value:otherSwitchState}),_react.default.createElement(_Switch.default,{onValueChange:otherSwitchValueChange,style:_helpers.styles.marginBottom,value:otherSwitchState}),_react.default.createElement(_Text.default,null,otherSwitchState?"On":"Off")))}OnValueChange.displayName="OnValueChange",OnValueChange.__docgenInfo={description:"",methods:[],displayName:"OnValueChange"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/OnValueChange.js"]={name:"OnValueChange",docgenInfo:OnValueChange.__docgenInfo,path:"src/components/Switch/examples/OnValueChange.js"})},1554:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ThumbColor;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(139),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),colors=["#ddd","#aaa","#999","#666","#000"],itemStyle=[_helpers.styles.marginVertical,_helpers.styles.marginRight],_ref=_react.default.createElement(_View.default,{style:itemStyle},_react.default.createElement(_Switch.default,{value:!1}));function ThumbColor(){return _react.default.createElement(_View.default,{style:_helpers.styles.row},_ref,colors.map((function(color,i){return _react.default.createElement(_View.default,{key:i,style:itemStyle},_react.default.createElement(_Switch.default,{thumbColor:color,value:!1}))})))}ThumbColor.displayName="ThumbColor",ThumbColor.__docgenInfo={description:"",methods:[],displayName:"ThumbColor"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/ThumbColor.js"]={name:"ThumbColor",docgenInfo:ThumbColor.__docgenInfo,path:"src/components/Switch/examples/ThumbColor.js"})},1555:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=TrackColor;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(139),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),colors=["#ddd","#aaa","#999","#666","#000"],itemStyle=[_helpers.styles.marginVertical,_helpers.styles.marginRight],_ref=_react.default.createElement(_View.default,{style:itemStyle},_react.default.createElement(_Switch.default,{value:!1}));function TrackColor(){return _react.default.createElement(_View.default,{style:_helpers.styles.row},_ref,colors.map((function(color,i){return _react.default.createElement(_View.default,{key:i,style:itemStyle},_react.default.createElement(_Switch.default,{trackColor:color,value:!1}))})))}TrackColor.displayName="TrackColor",TrackColor.__docgenInfo={description:"",methods:[],displayName:"TrackColor"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/TrackColor.js"]={name:"TrackColor",docgenInfo:TrackColor.__docgenInfo,path:"src/components/Switch/examples/TrackColor.js"})},1556:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Value;var _helpers=__webpack_require__(139),_react=_interopRequireDefault(__webpack_require__(0)),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_Switch.default,{value:!1}),_ref2=_react.default.createElement(_Switch.default,{value:!0});function Value(){return _react.default.createElement(_View.default,{style:_helpers.styles.row},_react.default.createElement(_View.default,{style:_helpers.styles.marginRight},_ref),_react.default.createElement(_View.default,{style:_helpers.styles.marginRight},_ref2))}Value.displayName="Value",Value.__docgenInfo={description:"",methods:[],displayName:"Value"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/Value.js"]={name:"Value",docgenInfo:Value.__docgenInfo,path:"src/components/Switch/examples/Value.js"})},1557:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=CustomSize;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_Switch=_interopRequireDefault(__webpack_require__(99)),_View=_interopRequireDefault(__webpack_require__(3)),CustomSizeExample=function(_PureComponent){function CustomSizeExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,CustomSizeExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(CustomSizeExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{firstIsOn:!0,secondIsOn:!1}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleFirst",(function(value){_this.setState({firstIsOn:value})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleSecond",(function(value){_this.setState({secondIsOn:value})})),_this}return(0,_inherits2.default)(CustomSizeExample,_PureComponent),(0,_createClass2.default)(CustomSizeExample,[{key:"render",value:function render(){var _this$state=this.state,firstIsOn=_this$state.firstIsOn,secondIsOn=_this$state.secondIsOn;return _react.default.createElement(_View.default,null,_react.default.createElement(_Switch.default,{onValueChange:this._handleFirst,style:{marginBottom:10,height:30},value:firstIsOn}),_react.default.createElement(_Switch.default,{onValueChange:this._handleSecond,style:{height:30,width:150},value:secondIsOn}))}}]),CustomSizeExample}(_react.PureComponent);CustomSizeExample.displayName="CustomSizeExample";var _ref=_react.default.createElement(CustomSizeExample,null);function CustomSize(){return _ref}CustomSize.displayName="CustomSize",CustomSize.__docgenInfo={description:"",methods:[],displayName:"CustomSize"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Switch/examples/CustomSize.js"]={name:"CustomSize",docgenInfo:CustomSize.__docgenInfo,path:"src/components/Switch/examples/CustomSize.js"})},1558:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.style=exports.selectable=exports.onPress=exports.numberOfLines=exports.children=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1559)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|Text",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"text"},"Text"),(0,_react2.mdx)("p",null,"Text is component for displaying text. It supports style, basic touch handling,\nand inherits typographic styles from ancestor elements."),(0,_react2.mdx)("p",null,'Text is unique relative to layout: child elements use text layout ("inline")\nrather than flexbox layout. This means that elements inside of a Text are not\nrectangles, as they wrap when reaching the edge of their container.'),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"dir"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'auto'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"numberOfLines"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"selectable"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"children"},"children"),(0,_react2.mdx)("p",null,"Nested text components will inherit the typographic styles of their parents."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"children",mdxType:"Story"},(0,_react2.mdx)(Stories.children,null))),(0,_react2.mdx)("h3",{id:"numberoflines"},"numberOfLines"),(0,_react2.mdx)("p",null,"Truncates the text with an ellipsis after this many lines."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"numberOfLines",mdxType:"Story"},(0,_react2.mdx)(Stories.numberOfLines,null))),(0,_react2.mdx)("h3",{id:"onpress"},"onPress"),(0,_react2.mdx)("p",null,"Called when the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Text")," is pressed."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onPress",mdxType:"Story"},(0,_react2.mdx)(Stories.onPress,null))),(0,_react2.mdx)("h3",{id:"selectable"},"selectable"),(0,_react2.mdx)("p",null,"When ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),", the text is not selectable."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"selectable",mdxType:"Story"},(0,_react2.mdx)(Stories.selectable,null))),(0,_react2.mdx)("h3",{id:"style"},"style"),(0,_react2.mdx)("p",null,"Text supports typographic styles."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'{\n ...ViewStyle,\n color: color,\n fontFamily: string,\n fontFeatureSettings: string,\n fontSize: number | string,\n fontStyle: string,\n fontVariant: Array<string>,\n fontWeight: string,\n letterSpacing: string,\n lineHeight: string,\n textAlign: "center" | "end" | "inherit" | "justify" | "justify-all" | "left" | "right" | "start",\n textAlignVertical: string,\n textDecorationColor: color,\n textDecorationLine: string,\n textDecorationStyle: string,\n textIndent: string,\n textOverflow: string,\n textRendering: string,\n textShadowColor: color,\n textShadowOffset: { height: number, width: number },\n textShadowRadius: number | string,\n textTransform: string,\n unicodeBidi: string,\n whiteSpace: string,\n wordBreak: "normal" | "break-all" | "break-word" | "keep-all",\n wordWrap: string,\n writingDirection: string\n}\n')),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"style",mdxType:"Story"},(0,_react2.mdx)(Stories.style,null))))}MDXContent.isMDXComponent=!0;var children=function children(){return(0,_react2.mdx)(Stories.children,null)};exports.children=children,(children.story={}).name="children",children.story.parameters={mdxSource:"<Stories.children />"};var numberOfLines=function numberOfLines(){return(0,_react2.mdx)(Stories.numberOfLines,null)};exports.numberOfLines=numberOfLines,(numberOfLines.story={}).name="numberOfLines",numberOfLines.story.parameters={mdxSource:"<Stories.numberOfLines />"};var onPress=function onPress(){return(0,_react2.mdx)(Stories.onPress,null)};exports.onPress=onPress,(onPress.story={}).name="onPress",onPress.story.parameters={mdxSource:"<Stories.onPress />"};var selectable=function selectable(){return(0,_react2.mdx)(Stories.selectable,null)};exports.selectable=selectable,(selectable.story={}).name="selectable",selectable.story.parameters={mdxSource:"<Stories.selectable />"};var style=function style(){return(0,_react2.mdx)(Stories.style,null)};exports.style=style,(style.story={}).name="style",style.story.parameters={mdxSource:"<Stories.style />"};var componentMeta={title:"Components|Text",includeStories:["children","numberOfLines","onPress","selectable","style"]},mdxStoryNameToKey={children:"children",numberOfLines:"numberOfLines",onPress:"onPress",selectable:"selectable",style:"style"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1559:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"children",{enumerable:!0,get:function get(){return _Children.default}}),Object.defineProperty(exports,"numberOfLines",{enumerable:!0,get:function get(){return _NumberOfLines.default}}),Object.defineProperty(exports,"onPress",{enumerable:!0,get:function get(){return _OnPress.default}}),Object.defineProperty(exports,"selectable",{enumerable:!0,get:function get(){return _Selectable.default}}),Object.defineProperty(exports,"style",{enumerable:!0,get:function get(){return _Style.default}});var _Children=_interopRequireDefault(__webpack_require__(1560)),_NumberOfLines=_interopRequireDefault(__webpack_require__(1561)),_OnPress=_interopRequireDefault(__webpack_require__(1562)),_Selectable=_interopRequireDefault(__webpack_require__(1563)),_Style=_interopRequireDefault(__webpack_require__(1564))},1560:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Children;var _react=_interopRequireDefault(__webpack_require__(0)),_Image=_interopRequireDefault(__webpack_require__(69)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),Spacer=function(){return _react.default.createElement(_View.default,{style:{height:"1rem"}})};Spacer.displayName="Spacer";var _ref=_react.default.createElement(_Text.default,null,"Text wraps across multiple lines by default. Text wraps across multiple lines by default. Text wraps across multiple lines by default. Text wraps across multiple lines by default."),_ref2=_react.default.createElement(Spacer,null),_ref3=_react.default.createElement(Spacer,null),_ref4=_react.default.createElement(Spacer,null),_ref5=_react.default.createElement(Spacer,null);function Children(){return _react.default.createElement(_View.default,null,_ref,_ref2,_react.default.createElement(_Text.default,null,"(Text inherits styles from parent Text elements,",_react.default.createElement(_Text.default,{style:{fontWeight:"bold"}},"\n ","(for example this text is bold",_react.default.createElement(_Text.default,{style:{fontSize:11,color:"#527fe4"}},"\n ","(and this text inherits the bold while setting size and color)"),"\n ",")"),"\n",")"),_ref3,_react.default.createElement(_Text.default,{style:{opacity:.7}},"(Text opacity",_react.default.createElement(_Text.default,null,"\n ","(is inherited",_react.default.createElement(_Text.default,{style:{opacity:.7}},"\n ","(and accumulated",_react.default.createElement(_Text.default,{style:{backgroundColor:"#ffaaaa"}},"\n ","(and also applies to the background)"),"\n ",")"),"\n ",")"),"\n",")"),_ref4,_react.default.createElement(_Text.default,null,"This text contains an inline blue view"," ",_react.default.createElement(_View.default,{style:{width:25,height:25,backgroundColor:"steelblue"}})," and an inline image"," ",_react.default.createElement(_Image.default,{source:{uri:"http://lorempixel.com/30/11"},style:{width:30,height:11,resizeMode:"cover"}}),"."),_ref5,_react.default.createElement(_Text.default,null,"This text contains a view"," ",_react.default.createElement(_View.default,{style:{borderColor:"red",borderWidth:1}},_react.default.createElement(_Text.default,{style:{borderColor:"blue",borderWidth:1}},"which contains"),_react.default.createElement(_Text.default,{style:{borderColor:"green",borderWidth:1}},"another text."),_react.default.createElement(_Text.default,{style:{borderColor:"yellow",borderWidth:1}},"And contains another view",_react.default.createElement(_View.default,{style:{borderColor:"red",borderWidth:1}},_react.default.createElement(_Text.default,{style:{borderColor:"blue",borderWidth:1}},"which contains another text!"))))," ","And then continues as text."))}Children.displayName="Children",Children.__docgenInfo={description:"",methods:[],displayName:"Children"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/examples/Children.js"]={name:"Children",docgenInfo:Children.__docgenInfo,path:"src/components/Text/examples/Children.js"})},1561:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=NumberOfLines;var _react=_interopRequireDefault(__webpack_require__(0)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_Text.default,{numberOfLines:1},"Maximum of one line, no matter how much I write here. If I keep writing, it","'","ll just truncate after one line.");function NumberOfLines(){return _react.default.createElement(_View.default,{style:{maxWidth:320}},_ref,_react.default.createElement(_Text.default,{numberOfLines:2,style:{marginTop:20}},"Maximum of two lines, no matter how much I write here. If I keep writing, it","'","ll just truncate after two lines."),_react.default.createElement(_Text.default,{style:{marginTop:20}},"No maximum lines specified, no matter how much I write here. If I keep writing, it","'","ll just keep going and going."))}NumberOfLines.displayName="NumberOfLines",NumberOfLines.__docgenInfo={description:"",methods:[],displayName:"NumberOfLines"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/examples/NumberOfLines.js"]={name:"NumberOfLines",docgenInfo:NumberOfLines.__docgenInfo,path:"src/components/Text/examples/NumberOfLines.js"})},1562:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnPress;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function OnPress(){var _React$useState=_react.default.useState(0),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),count=_React$useState2[0],updateCount=_React$useState2[1],textLog="";return 1<count?textLog=count+"x text onPress":0<count&&(textLog="text onPress"),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{onPress:function onPress(){updateCount((function(count){return count+1}))},style:styles.textBlock},"Text has built-in onPress handling"),_react.default.createElement(_View.default,{style:styles.logBox},_react.default.createElement(_Text.default,null,textLog)))}OnPress.displayName="OnPress";var styles=_StyleSheet.default.create({logBox:{padding:20,marginTop:10,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"},textBlock:{fontWeight:"500",color:"blue"}});OnPress.__docgenInfo={description:"",methods:[],displayName:"OnPress"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/examples/OnPress.js"]={name:"OnPress",docgenInfo:OnPress.__docgenInfo,path:"src/components/Text/examples/OnPress.js"})},1563:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Selectable;var _react=_interopRequireDefault(__webpack_require__(0)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function Selectable(){return _react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{selectable:!0},"This text is ",_react.default.createElement(_Text.default,{style:{fontWeight:"bold"}},"selectable")," if you click-and-hold."),_react.default.createElement(_Text.default,{selectable:!1},"This text is ",_react.default.createElement(_Text.default,{style:{fontWeight:"bold"}},"not selectable")," if you click-and-hold."))}Selectable.displayName="Selectable",Selectable.__docgenInfo={description:"",methods:[],displayName:"Selectable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/examples/Selectable.js"]={name:"Selectable",docgenInfo:Selectable.__docgenInfo,path:"src/components/Text/examples/Selectable.js"})},1564:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Style;var _react=_interopRequireDefault(__webpack_require__(0)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),Heading=function(_ref){var children=_ref.children;return _react.default.createElement(_Text.default,{accessibilityRole:"heading",children:children,style:{fontSize:"1rem",fontWeight:"bold",marginBottom:"0.5rem"}})};Heading.displayName="Heading";var Spacer=function(){return _react.default.createElement(_View.default,{style:{height:"1.5rem"}})};Spacer.displayName="Spacer";var _ref2=_react.default.createElement(Heading,null,"color");function Color(){return _react.default.createElement(_View.default,null,_ref2,_react.default.createElement(_Text.default,{style:{color:"red"}},"Red color"),_react.default.createElement(_Text.default,{style:{color:"blue"}},"Blue color"))}Color.displayName="Color";var _ref3=_react.default.createElement(Heading,null,"fontFamily");function FontFamily(){return _react.default.createElement(_View.default,null,_ref3,_react.default.createElement(_Text.default,{style:{fontFamily:"Cochin"}},"Cochin"),_react.default.createElement(_Text.default,{style:{fontFamily:"Cochin",fontWeight:"bold"}},"Cochin bold"),_react.default.createElement(_Text.default,{style:{fontFamily:"Helvetica"}},"Helvetica"),_react.default.createElement(_Text.default,{style:{fontFamily:"Helvetica",fontWeight:"bold"}},"Helvetica bold"),_react.default.createElement(_Text.default,{style:{fontFamily:"Verdana"}},"Verdana"),_react.default.createElement(_Text.default,{style:{fontFamily:"Verdana",fontWeight:"bold"}},"Verdana bold"))}FontFamily.displayName="FontFamily";var _ref4=_react.default.createElement(Heading,null,"fontSize");function FontSize(){return _react.default.createElement(_View.default,null,_ref4,_react.default.createElement(_Text.default,{style:{fontSize:23}},"Size 23"),_react.default.createElement(_Text.default,{style:{fontSize:8}},"Size 8"))}FontSize.displayName="FontSize";var _ref5=_react.default.createElement(Heading,null,"fontStyle");function FontStyle(){return _react.default.createElement(_View.default,null,_ref5,_react.default.createElement(_Text.default,{style:{fontStyle:"normal"}},"Normal text"),_react.default.createElement(_Text.default,{style:{fontStyle:"italic"}},"Italic text"))}FontStyle.displayName="FontStyle";var _ref6=_react.default.createElement(Heading,null,"fontVariant");function FontVariant(){return _react.default.createElement(_View.default,null,_ref6,_react.default.createElement(_Text.default,{style:{fontVariant:["small-caps"]}},"Small Caps","\n"),_react.default.createElement(_Text.default,{style:{fontVariant:["oldstyle-nums"]}},"Old Style nums 0123456789","\n"),_react.default.createElement(_Text.default,{style:{fontVariant:["lining-nums"]}},"Lining nums 0123456789","\n"),_react.default.createElement(_Text.default,{style:{fontVariant:["tabular-nums"]}},"Tabular nums","\n","1111","\n","2222","\n"),_react.default.createElement(_Text.default,{style:{fontVariant:["proportional-nums"]}},"Proportional nums","\n","1111","\n","2222","\n"))}FontVariant.displayName="FontVariant";var _ref7=_react.default.createElement(Heading,null,"fontWeight");function FontWeight(){return _react.default.createElement(_View.default,null,_ref7,_react.default.createElement(_Text.default,{style:{fontSize:20,fontWeight:"100"}},"Move fast and be ultralight"),_react.default.createElement(_Text.default,{style:{fontSize:20,fontWeight:"200"}},"Move fast and be light"),_react.default.createElement(_Text.default,{style:{fontSize:20,fontWeight:"normal"}},"Move fast and be normal"),_react.default.createElement(_Text.default,{style:{fontSize:20,fontWeight:"bold"}},"Move fast and be bold"),_react.default.createElement(_Text.default,{style:{fontSize:20,fontWeight:"900"}},"Move fast and be ultrabold"))}FontWeight.displayName="FontWeight";var _ref8=_react.default.createElement(Heading,null,"letterSpacing");function LetterSpacing(){return _react.default.createElement(_View.default,null,_ref8,_react.default.createElement(_Text.default,{style:{letterSpacing:0}},"letterSpacing = 0"),_react.default.createElement(_Text.default,{style:{letterSpacing:2,marginTop:5}},"letterSpacing = 2"),_react.default.createElement(_Text.default,{style:{letterSpacing:9,marginTop:5}},"letterSpacing = 9"),_react.default.createElement(_View.default,{style:{flexDirection:"row"}},_react.default.createElement(_Text.default,{style:{fontSize:12,letterSpacing:2,backgroundColor:"fuchsia",marginTop:5}},"With size and background color")),_react.default.createElement(_Text.default,{style:{letterSpacing:-1,marginTop:5}},"letterSpacing = -1"),_react.default.createElement(_Text.default,{style:{letterSpacing:3,backgroundColor:"#dddddd",marginTop:5}},"[letterSpacing = 3]",_react.default.createElement(_Text.default,{style:{letterSpacing:0,backgroundColor:"#bbbbbb"}},"[Nested letterSpacing = 0]"),_react.default.createElement(_Text.default,{style:{letterSpacing:6,backgroundColor:"#eeeeee"}},"[Nested letterSpacing = 6]")))}LetterSpacing.displayName="LetterSpacing";var _ref9=_react.default.createElement(Heading,null,"lineHeight");function LineHeight(){return _react.default.createElement(_View.default,null,_ref9,_react.default.createElement(_Text.default,{style:{lineHeight:35}},"A lot of space should display between the lines of this long passage as they wrap across several lines. A lot of space should display between the lines of this long passage as they wrap across several lines."))}LineHeight.displayName="LineHeight";var _ref10=_react.default.createElement(Heading,null,"textAlign"),_ref11=_react.default.createElement(_Text.default,null,"auto (default) - english LTR"),_ref12=_react.default.createElement(_Text.default,null,"أحب اللغة العربية auto (default) - arabic RTL");function TextAlign(){return _react.default.createElement(_View.default,null,_ref10,_ref11,_ref12,_react.default.createElement(_Text.default,{style:{textAlign:"left"}},"left left left left left left left left left left left left left left left"),_react.default.createElement(_Text.default,{style:{textAlign:"center"}},"center center center center center center center center center center center"),_react.default.createElement(_Text.default,{style:{textAlign:"right"}},"right right right right right right right right right right right right right"),_react.default.createElement(_Text.default,{style:{textAlign:"justify"}},"justify: this text component","'",'s contents are laid out with "textAlign: justify" and as you can see all of the lines except the last one span the available width of the parent container.'))}TextAlign.displayName="TextAlign";var _ref13=_react.default.createElement(Heading,null,"textDecoration");function TextDecoration(){return _react.default.createElement(_View.default,null,_ref13,_react.default.createElement(_Text.default,{style:{textDecorationLine:"underline",textDecorationStyle:"solid"}},"Solid underline"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"underline",textDecorationStyle:"double",textDecorationColor:"#ff0000"}},"Double underline with custom color"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"underline",textDecorationStyle:"dashed",textDecorationColor:"#9CDC40"}},"Dashed underline with custom color"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"underline",textDecorationStyle:"dotted",textDecorationColor:"blue"}},"Dotted underline with custom color"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"none"}},"None textDecoration"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"line-through",textDecorationStyle:"solid"}},"Solid line-through"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"line-through",textDecorationStyle:"double",textDecorationColor:"#ff0000"}},"Double line-through with custom color"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"line-through",textDecorationStyle:"dashed",textDecorationColor:"#9CDC40"}},"Dashed line-through with custom color"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"line-through",textDecorationStyle:"dotted",textDecorationColor:"blue"}},"Dotted line-through with custom color"),_react.default.createElement(_Text.default,{style:{textDecorationLine:"underline line-through"}},"Both underline and line-through"))}TextDecoration.displayName="TextDecoration";var _ref14=_react.default.createElement(Heading,null,"textShadow*");function TextShadow(){return _react.default.createElement(_View.default,null,_ref14,_react.default.createElement(_Text.default,{style:{fontSize:20,textShadowOffset:{width:2,height:2},textShadowRadius:1,textShadowColor:"#00cccc"}},"Text shadow example"))}TextShadow.displayName="TextShadow";var _ref15=_react.default.createElement(_View.default,null,_react.default.createElement(Color,null),_react.default.createElement(Spacer,null),_react.default.createElement(FontFamily,null),_react.default.createElement(Spacer,null),_react.default.createElement(FontSize,null),_react.default.createElement(Spacer,null),_react.default.createElement(FontStyle,null),_react.default.createElement(Spacer,null),_react.default.createElement(FontVariant,null),_react.default.createElement(Spacer,null),_react.default.createElement(FontWeight,null),_react.default.createElement(Spacer,null),_react.default.createElement(LetterSpacing,null),_react.default.createElement(Spacer,null),_react.default.createElement(LineHeight,null),_react.default.createElement(Spacer,null),_react.default.createElement(TextAlign,null),_react.default.createElement(Spacer,null),_react.default.createElement(TextDecoration,null),_react.default.createElement(Spacer,null),_react.default.createElement(TextShadow,null));function Style(){return _ref15}Style.displayName="Style",Style.__docgenInfo={description:"",methods:[],displayName:"Style"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Text/examples/Style.js"]={name:"Style",docgenInfo:Style.__docgenInfo,path:"src/components/Text/examples/Style.js"})},1565:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.selectTextOnFocus=exports.secureTextEntry=exports.placeholderTextColor=exports.placeholder=exports.onSelectionChangeControlled=exports.onSelectionChange=exports.numberOfLines=exports.multiline=exports.maxLength=exports.keyboardType=exports.editable=exports.disabled=exports.clearTextOnFocus=exports.blurOnSubmit=exports.autoCapitalize=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1566)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|TextInput",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"textinput"},"TextInput"),(0,_react2.mdx)("p",null,"Accessible single- and multi-line text input via a keyboard. Supports features\nsuch as auto-complete, auto-focus, placeholder text, and event callbacks. Note:\nsome props are exclusive to or excluded from ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"multiline"),"."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityLabel"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityState"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Object"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"autoCapitalize"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'sentences'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"autoComplete"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'on'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"autoCorrect"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"autoFocus"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"blurOnSubmit"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"clearTextOnFocus"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"defaultValue"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"disabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"editable"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"forwardedRef"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Ref"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"importantForAccessibility"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"true")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"keyboardType"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'default'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"maxLength"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"multiline"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"nativeID"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"numberOfLines"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"1")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onBlur"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onChangeText"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onContentSizeChange"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onContextMenu"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onFocus"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onKeyPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLayout"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onScroll"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onSubmitEditing"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"placeholder"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"placeholderTextColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"pointerEvents"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"returnKeyType"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"secureTextEntry"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"selection"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Object"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"selectTextOnFocus"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"spellCheck"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"testID"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"value"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"autocapitalize"},"autoCapitalize"),(0,_react2.mdx)("p",null,"Automatically capitalize certain characters (only available in Chrome and iOS Safari)."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"characters"),": Automatically capitalize all characters."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"none"),": Completely disables automatic capitalization."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"sentences"),": Automatically capitalize the first letter of sentences (default)."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"words"),": Automatically capitalize the first letter of words.")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"autoCapitalize",mdxType:"Story"},(0,_react2.mdx)(Stories.autoCapitalize,null))),(0,_react2.mdx)("h3",{id:"autocomplete"},"autoComplete"),(0,_react2.mdx)("p",null,"Indicates whether the value of the control can be automatically completed by the\nbrowser. ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Accepted values"),"."),(0,_react2.mdx)("h3",{id:"autocorrect"},"autoCorrect"),(0,_react2.mdx)("p",null,"Automatically correct spelling mistakes. (Only available in iOS Safari.)"),(0,_react2.mdx)("h3",{id:"autofocus"},"autoFocus"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", focuses the input on ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"componentDidMount"),". Only the first form element\nin a document with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"autofocus")," is focused."),(0,_react2.mdx)("h3",{id:"bluronsubmit"},"blurOnSubmit"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the text field will blur when submitted. The default value is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),"\nfor single-line fields and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false")," for multiline fields. Note, for ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"multiline"),"\nfields setting ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"blurOnSubmit")," to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true")," means that pressing return will blur the\nfield and trigger the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onSubmitEditing")," event instead of inserting a newline\ninto the field."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"blurOnSubmit",mdxType:"Story"},(0,_react2.mdx)(Stories.blurOnSubmit,null))),(0,_react2.mdx)("h3",{id:"cleartextonfocus"},"clearTextOnFocus"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", clears the text field automatically when focused."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"clearTextOnFocus",mdxType:"Story"},(0,_react2.mdx)(Stories.clearTextOnFocus,null))),(0,_react2.mdx)("h3",{id:"defaultvalue"},"defaultValue"),(0,_react2.mdx)("p",null,"Provides an initial value that will change when the user starts typing. Useful\nfor simple use-cases where you don't want to deal with listening to events and\nupdating the value prop to keep the controlled state in sync."),(0,_react2.mdx)("h3",{id:"disabled"},"disabled"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the input is disabled. (Web-only)"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)("h3",{id:"editable"},"editable"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),", text is not editable (i.e., read-only)."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"editable",mdxType:"Story"},(0,_react2.mdx)(Stories.editable,null))),(0,_react2.mdx)("h3",{id:"keyboardtype"},"keyboardType"),(0,_react2.mdx)("p",null,"Possible values: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},'"default" | "email-address" | "numeric" | "phone-pad" | "search" | "url" | "web-search"'),"."),(0,_react2.mdx)("p",null,"Determines which keyboard to open on devices with a virtual keyboard. Safari iOS\nrequires an ancestral ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"<form action>")," element to display the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"search")," keyboard).\n(Not available when ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"multiline")," is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),".)"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"keyboardType",mdxType:"Story"},(0,_react2.mdx)(Stories.keyboardType,null))),(0,_react2.mdx)("h3",{id:"maxlength"},"maxLength"),(0,_react2.mdx)("p",null,"Limits the maximum number of characters that can be entered."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"maxLength",mdxType:"Story"},(0,_react2.mdx)(Stories.maxLength,null))),(0,_react2.mdx)("h3",{id:"multiline"},"multiline"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the text input can be multiple lines."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"multiline",mdxType:"Story"},(0,_react2.mdx)(Stories.multiline,null))),(0,_react2.mdx)("h3",{id:"numberoflines"},"numberOfLines"),(0,_react2.mdx)("p",null,"Sets the number of lines for a multiline ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TextInput"),". (Requires ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"multiline")," to be ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),".)"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"numberOfLines",mdxType:"Story"},(0,_react2.mdx)(Stories.numberOfLines,null))),(0,_react2.mdx)("h3",{id:"onchange"},"onChange"),(0,_react2.mdx)("p",null,"Callback that is called when the text input's text changes."),(0,_react2.mdx)("h3",{id:"onchangetext"},"onChangeText"),(0,_react2.mdx)("p",null,"Callback that is called when the text input's text changes. The text is passed as an argument to the callback handler."),(0,_react2.mdx)("h3",{id:"oncontentsizechange"},"onContentSizeChange"),(0,_react2.mdx)("p",null,"Callback that is called when the text input's content size changes. This will be\ncalled with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"{ nativeEvent: { contentSize: { width, height } } }"),". Only called\nfor multiline text inputs."),(0,_react2.mdx)("h3",{id:"onkeypress"},"onKeyPress"),(0,_react2.mdx)("p",null,"Callback that is called when a key is pressed. This will be called with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"{\nnativeEvent: { key: keyValue } }")," where ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"keyValue")," is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Enter"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Backspace"),",\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Tab"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Arrow{Up,Right,Down,Left}")," for respective keys and the typed-in\ncharacter otherwise including ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"' '")," for space. Modifier keys (e.g., ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"shiftKey"),")\nare also included in the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"nativeEvent"),". Fires before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onChange")," callbacks."),(0,_react2.mdx)("h3",{id:"onselectionchange"},"onSelectionChange"),(0,_react2.mdx)("p",null,"Callback that is called when the text input's selection changes. This will be\ncalled with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"{ nativeEvent: { selection: { start, end } } }"),"."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onSelectionChange",mdxType:"Story"},(0,_react2.mdx)(Stories.onSelectionChange,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onSelectionChangeControlled",mdxType:"Story"},(0,_react2.mdx)(Stories.onSelectionChangeControlled,null))),(0,_react2.mdx)("h3",{id:"onsubmitediting"},"onSubmitEditing"),(0,_react2.mdx)("p",null,"Callback that is called when the keyboard's submit button is pressed. When\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"multiline={true}"),", this is only called if ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"blurOnSubmit={true}"),"."),(0,_react2.mdx)("h3",{id:"placeholder"},"placeholder"),(0,_react2.mdx)("p",null,"The string that will be rendered in an empty ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TextInput")," before text has been entered."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"placeholder",mdxType:"Story"},(0,_react2.mdx)(Stories.placeholder,null))),(0,_react2.mdx)("h3",{id:"placeholdertextcolor"},"placeholderTextColor"),(0,_react2.mdx)("p",null,"The text color of the placeholder string."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"placeholderTextColor",mdxType:"Story"},(0,_react2.mdx)(Stories.placeholderTextColor,null))),(0,_react2.mdx)("h3",{id:"returnkeytype"},"returnKeyType"),(0,_react2.mdx)("p",null,"Possible values: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"),"."),(0,_react2.mdx)("p",null,"Specifies what action label (or icon) to present for the enter key on virtual\nkeyboards. Maps to the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"enterkeyhint")," attribute on web."),(0,_react2.mdx)("h3",{id:"securetextentry"},"secureTextEntry"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", the text input obscures the text entered so that sensitive text like\npasswords stay secure. (Not available when ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"multiline")," is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),".)"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"secureTextEntry",mdxType:"Story"},(0,_react2.mdx)(Stories.secureTextEntry,null))),(0,_react2.mdx)("h3",{id:"selection"},"selection"),(0,_react2.mdx)("p",null,"The start and end of the text input's selection. Set start and end to the same\nvalue to position the cursor."),(0,_react2.mdx)("h3",{id:"selecttextonfocus"},"selectTextOnFocus"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", all text will automatically be selected on focus."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"selectTextOnFocus",mdxType:"Story"},(0,_react2.mdx)(Stories.selectTextOnFocus,null))),(0,_react2.mdx)("h3",{id:"spellcheck"},"spellCheck"),(0,_react2.mdx)("p",null,"If ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false"),", disables spell-check style (i.e. red underlines). The default value\nis inherited from ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"autoCorrect"),". (Only available in supporting browsers)."),(0,_react2.mdx)("h3",{id:"style"},"style"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"{\n ...TextProps.style\n resize: string, // web-only\n}\n")),(0,_react2.mdx)("h3",{id:"value"},"value"),(0,_react2.mdx)("p",null,"The value to show for the text input. TextInput is a controlled component, which means the native value will be forced to match this prop if provided. Read about how ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://reactjs.org/docs/forms.html",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"React form components")," work. To prevent user edits to the value set ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"editable={false}"),"."),(0,_react2.mdx)("h2",{id:"instance-methods"},"Instance methods"),(0,_react2.mdx)("h3",{id:"blur"},"blur()"),(0,_react2.mdx)("p",null,"Blur the underlying DOM input."),(0,_react2.mdx)("h3",{id:"clear"},"clear()"),(0,_react2.mdx)("p",null,"Clear the text from the underlying DOM input."),(0,_react2.mdx)("h3",{id:"focus"},"focus()"),(0,_react2.mdx)("p",null,"Focus the underlying DOM input."),(0,_react2.mdx)("h3",{id:"isfocused"},"isFocused()"),(0,_react2.mdx)("p",null,"Returns ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true")," if the input is currently focused; ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"false")," otherwise."))}MDXContent.isMDXComponent=!0;var autoCapitalize=function autoCapitalize(){return(0,_react2.mdx)(Stories.autoCapitalize,null)};exports.autoCapitalize=autoCapitalize,(autoCapitalize.story={}).name="autoCapitalize",autoCapitalize.story.parameters={mdxSource:"<Stories.autoCapitalize />"};var blurOnSubmit=function blurOnSubmit(){return(0,_react2.mdx)(Stories.blurOnSubmit,null)};exports.blurOnSubmit=blurOnSubmit,(blurOnSubmit.story={}).name="blurOnSubmit",blurOnSubmit.story.parameters={mdxSource:"<Stories.blurOnSubmit />"};var clearTextOnFocus=function clearTextOnFocus(){return(0,_react2.mdx)(Stories.clearTextOnFocus,null)};exports.clearTextOnFocus=clearTextOnFocus,(clearTextOnFocus.story={}).name="clearTextOnFocus",clearTextOnFocus.story.parameters={mdxSource:"<Stories.clearTextOnFocus />"};var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var editable=function editable(){return(0,_react2.mdx)(Stories.editable,null)};exports.editable=editable,(editable.story={}).name="editable",editable.story.parameters={mdxSource:"<Stories.editable />"};var keyboardType=function keyboardType(){return(0,_react2.mdx)(Stories.keyboardType,null)};exports.keyboardType=keyboardType,(keyboardType.story={}).name="keyboardType",keyboardType.story.parameters={mdxSource:"<Stories.keyboardType />"};var maxLength=function maxLength(){return(0,_react2.mdx)(Stories.maxLength,null)};exports.maxLength=maxLength,(maxLength.story={}).name="maxLength",maxLength.story.parameters={mdxSource:"<Stories.maxLength />"};var multiline=function multiline(){return(0,_react2.mdx)(Stories.multiline,null)};exports.multiline=multiline,(multiline.story={}).name="multiline",multiline.story.parameters={mdxSource:"<Stories.multiline />"};var numberOfLines=function numberOfLines(){return(0,_react2.mdx)(Stories.numberOfLines,null)};exports.numberOfLines=numberOfLines,(numberOfLines.story={}).name="numberOfLines",numberOfLines.story.parameters={mdxSource:"<Stories.numberOfLines />"};var onSelectionChange=function onSelectionChange(){return(0,_react2.mdx)(Stories.onSelectionChange,null)};exports.onSelectionChange=onSelectionChange,(onSelectionChange.story={}).name="onSelectionChange",onSelectionChange.story.parameters={mdxSource:"<Stories.onSelectionChange />"};var onSelectionChangeControlled=function onSelectionChangeControlled(){return(0,_react2.mdx)(Stories.onSelectionChangeControlled,null)};exports.onSelectionChangeControlled=onSelectionChangeControlled,(onSelectionChangeControlled.story={}).name="onSelectionChangeControlled",onSelectionChangeControlled.story.parameters={mdxSource:"<Stories.onSelectionChangeControlled />"};var placeholder=function placeholder(){return(0,_react2.mdx)(Stories.placeholder,null)};exports.placeholder=placeholder,(placeholder.story={}).name="placeholder",placeholder.story.parameters={mdxSource:"<Stories.placeholder />"};var placeholderTextColor=function placeholderTextColor(){return(0,_react2.mdx)(Stories.placeholderTextColor,null)};exports.placeholderTextColor=placeholderTextColor,(placeholderTextColor.story={}).name="placeholderTextColor",placeholderTextColor.story.parameters={mdxSource:"<Stories.placeholderTextColor />"};var secureTextEntry=function secureTextEntry(){return(0,_react2.mdx)(Stories.secureTextEntry,null)};exports.secureTextEntry=secureTextEntry,(secureTextEntry.story={}).name="secureTextEntry",secureTextEntry.story.parameters={mdxSource:"<Stories.secureTextEntry />"};var selectTextOnFocus=function selectTextOnFocus(){return(0,_react2.mdx)(Stories.selectTextOnFocus,null)};exports.selectTextOnFocus=selectTextOnFocus,(selectTextOnFocus.story={}).name="selectTextOnFocus",selectTextOnFocus.story.parameters={mdxSource:"<Stories.selectTextOnFocus />"};var componentMeta={title:"Components|TextInput",includeStories:["autoCapitalize","blurOnSubmit","clearTextOnFocus","disabled","editable","keyboardType","maxLength","multiline","numberOfLines","onSelectionChange","onSelectionChangeControlled","placeholder","placeholderTextColor","secureTextEntry","selectTextOnFocus"]},mdxStoryNameToKey={autoCapitalize:"autoCapitalize",blurOnSubmit:"blurOnSubmit",clearTextOnFocus:"clearTextOnFocus",disabled:"disabled",editable:"editable",keyboardType:"keyboardType",maxLength:"maxLength",multiline:"multiline",numberOfLines:"numberOfLines",onSelectionChange:"onSelectionChange",onSelectionChangeControlled:"onSelectionChangeControlled",placeholder:"placeholder",placeholderTextColor:"placeholderTextColor",secureTextEntry:"secureTextEntry",selectTextOnFocus:"selectTextOnFocus"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1566:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"autoCapitalize",{enumerable:!0,get:function get(){return _AutoCapitalize.default}}),Object.defineProperty(exports,"blurOnSubmit",{enumerable:!0,get:function get(){return _BlurOnSubmit.default}}),Object.defineProperty(exports,"clearButtonMode",{enumerable:!0,get:function get(){return _ClearButtonMode.default}}),Object.defineProperty(exports,"clearTextOnFocus",{enumerable:!0,get:function get(){return _ClearTextOnFocus.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"editable",{enumerable:!0,get:function get(){return _Editable.default}}),Object.defineProperty(exports,"keyboardType",{enumerable:!0,get:function get(){return _KeyboardType.default}}),Object.defineProperty(exports,"maxLength",{enumerable:!0,get:function get(){return _MaxLength.default}}),Object.defineProperty(exports,"multiline",{enumerable:!0,get:function get(){return _Multiline.default}}),Object.defineProperty(exports,"numberOfLines",{enumerable:!0,get:function get(){return _NumberOfLines.default}}),Object.defineProperty(exports,"onSelectionChange",{enumerable:!0,get:function get(){return _OnSelectionChange.default}}),Object.defineProperty(exports,"onSelectionChangeControlled",{enumerable:!0,get:function get(){return _OnSelectionChangeControlled.default}}),Object.defineProperty(exports,"placeholder",{enumerable:!0,get:function get(){return _Placeholder.default}}),Object.defineProperty(exports,"placeholderTextColor",{enumerable:!0,get:function get(){return _PlaceholderTextColor.default}}),Object.defineProperty(exports,"secureTextEntry",{enumerable:!0,get:function get(){return _SecureTextEntry.default}}),Object.defineProperty(exports,"selectTextOnFocus",{enumerable:!0,get:function get(){return _SelectTextOnFocus.default}});var _AutoCapitalize=_interopRequireDefault(__webpack_require__(1567)),_BlurOnSubmit=_interopRequireDefault(__webpack_require__(1568)),_ClearButtonMode=_interopRequireDefault(__webpack_require__(1569)),_ClearTextOnFocus=_interopRequireDefault(__webpack_require__(1570)),_Disabled=_interopRequireDefault(__webpack_require__(1571)),_Editable=_interopRequireDefault(__webpack_require__(1572)),_KeyboardType=_interopRequireDefault(__webpack_require__(1573)),_MaxLength=_interopRequireDefault(__webpack_require__(1574)),_Multiline=_interopRequireDefault(__webpack_require__(1575)),_NumberOfLines=_interopRequireDefault(__webpack_require__(1576)),_OnSelectionChange=_interopRequireDefault(__webpack_require__(1577)),_OnSelectionChangeControlled=_interopRequireDefault(__webpack_require__(1578)),_Placeholder=_interopRequireDefault(__webpack_require__(1579)),_PlaceholderTextColor=_interopRequireDefault(__webpack_require__(1580)),_SecureTextEntry=_interopRequireDefault(__webpack_require__(1581)),_SelectTextOnFocus=_interopRequireDefault(__webpack_require__(1582))},1567:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=AutoCapitalize;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function AutoCapitalize(){return _react.default.createElement(_View.default,null,_react.default.createElement(_helpers.WithLabel,{label:"none"},_react.default.createElement(_TextInput.default,{autoCapitalize:"none",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"sentences"},_react.default.createElement(_TextInput.default,{autoCapitalize:"sentences",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"words"},_react.default.createElement(_TextInput.default,{autoCapitalize:"words",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"characters"},_react.default.createElement(_TextInput.default,{autoCapitalize:"characters",style:_helpers.styles.textinput})))}AutoCapitalize.displayName="AutoCapitalize",AutoCapitalize.__docgenInfo={description:"",methods:[],displayName:"AutoCapitalize"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/AutoCapitalize.js"]={name:"AutoCapitalize",docgenInfo:AutoCapitalize.__docgenInfo,path:"src/components/TextInput/examples/AutoCapitalize.js"})},1568:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=BlurOnSubmit;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function BlurOnSubmit(){var refs=_react.default.useRef({});return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{blurOnSubmit:!1,placeholder:"blurOnSubmit = false",ref:function ref(c){refs.current[1]=c},style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{blurOnSubmit:!0,onSubmitEditing:function onSubmitEditing(){return id="3",void(null!=refs.current[id]&&refs.current[id].focus());var id},placeholder:"blurOnSubmit = true",ref:function ref(c){refs.current[2]=c},style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{blurOnSubmit:!0,multiline:!0,onSubmitEditing:function onSubmitEditing(e){console.log(e.nativeEvent)},placeholder:"blurOnSubmit = true",ref:function ref(c){refs.current[3]=c},style:_helpers.styles.multiline}))}BlurOnSubmit.displayName="BlurOnSubmit",BlurOnSubmit.__docgenInfo={description:"",methods:[],displayName:"BlurOnSubmit"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/BlurOnSubmit.js"]={name:"BlurOnSubmit",docgenInfo:BlurOnSubmit.__docgenInfo,path:"src/components/TextInput/examples/BlurOnSubmit.js"})},1569:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ClearButtonMode;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function ClearButtonMode(){return _react.default.createElement(_View.default,null,_react.default.createElement(_helpers.WithLabel,{label:"never"},_react.default.createElement(_TextInput.default,{clearButtonMode:"never",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"while editing"},_react.default.createElement(_TextInput.default,{clearButtonMode:"while-editing",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"unless editing"},_react.default.createElement(_TextInput.default,{clearButtonMode:"unless-editing",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"always"},_react.default.createElement(_TextInput.default,{clearButtonMode:"always",style:_helpers.styles.textinput})))}ClearButtonMode.displayName="ClearButtonMode",ClearButtonMode.__docgenInfo={description:"",methods:[],displayName:"ClearButtonMode"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/ClearButtonMode.js"]={name:"ClearButtonMode",docgenInfo:ClearButtonMode.__docgenInfo,path:"src/components/TextInput/examples/ClearButtonMode.js"})},157:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var Platform={OS:"web",select:function select(obj){return"web"in obj?obj.web:obj.default},get isTesting(){return"test"===Object({NODE_ENV:"production",NODE_PATH:"",PUBLIC_URL:"."}).NODE_DEV}};__webpack_exports__.default=Platform},1570:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=ClearTextOnFocusExample;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function ClearTextOnFocusExample(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{clearTextOnFocus:!0,defaultValue:"text is cleared on focus",placeholder:"text is cleared on focus",style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{clearTextOnFocus:!0,defaultValue:"text is cleared on focus",multiline:!0,placeholder:"text is cleared on focus",style:_helpers.styles.multiline}))}ClearTextOnFocusExample.displayName="ClearTextOnFocusExample",ClearTextOnFocusExample.__docgenInfo={description:"",methods:[],displayName:"ClearTextOnFocusExample"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/ClearTextOnFocus.js"]={name:"ClearTextOnFocusExample",docgenInfo:ClearTextOnFocusExample.__docgenInfo,path:"src/components/TextInput/examples/ClearTextOnFocus.js"})},1571:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Disabled;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function Disabled(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{defaultValue:"disabled text input",disabled:!0,style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{defaultValue:"disabled multiline text input",disabled:!0,multiline:!0,style:_helpers.styles.multiline}))}Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",methods:[],displayName:"Disabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/Disabled.js"]={name:"Disabled",docgenInfo:Disabled.__docgenInfo,path:"src/components/TextInput/examples/Disabled.js"})},1572:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Editable;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function Editable(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{defaultValue:"uneditable text input",editable:!1,style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{defaultValue:"uneditable multiline text input",editable:!1,multiline:!0,style:_helpers.styles.multiline}))}Editable.displayName="Editable",Editable.__docgenInfo={description:"",methods:[],displayName:"Editable"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/Editable.js"]={name:"Editable",docgenInfo:Editable.__docgenInfo,path:"src/components/TextInput/examples/Editable.js"})},1573:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=KeyboardType;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3)),keyboardTypes=["default","url","number-pad","phone-pad","email-address","web-search","numeric"];function KeyboardType(){return _react.default.createElement(_View.default,null,keyboardTypes.map((function(type){return _react.default.createElement(_helpers.WithLabel,{key:type,label:type},_react.default.createElement(_TextInput.default,{keyboardType:type,style:_helpers.styles.textinput}))})))}KeyboardType.displayName="KeyboardType",KeyboardType.__docgenInfo={description:"",methods:[],displayName:"KeyboardType"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/KeyboardType.js"]={name:"KeyboardType",docgenInfo:KeyboardType.__docgenInfo,path:"src/components/TextInput/examples/KeyboardType.js"})},1574:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=MaxLength;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function MaxLength(){return _react.default.createElement(_View.default,null,_react.default.createElement(_helpers.WithLabel,{label:"maxLength: 5"},_react.default.createElement(_TextInput.default,{maxLength:5,style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"maxLength: 5 with placeholder"},_react.default.createElement(_TextInput.default,{maxLength:5,placeholder:"ZIP code entry",style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"maxLength: 5 with default value already set"},_react.default.createElement(_TextInput.default,{defaultValue:"94025",maxLength:5,style:_helpers.styles.textinput})),_react.default.createElement(_helpers.WithLabel,{label:"maxLength: 5 with very long default value already set"},_react.default.createElement(_TextInput.default,{defaultValue:"9402512345",maxLength:5,style:_helpers.styles.textinput})))}MaxLength.displayName="MaxLength",MaxLength.__docgenInfo={description:"",methods:[],displayName:"MaxLength"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/MaxLength.js"]={name:"MaxLength",docgenInfo:MaxLength.__docgenInfo,path:"src/components/TextInput/examples/MaxLength.js"})},1575:function(module,exports,__webpack_require__){__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Multiline;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireWildcard(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3)),MIN_HEIGHT=24;function Autogrow(){var _useState=(0,_react.useState)(MIN_HEIGHT),_useState2=(0,_slicedToArray2.default)(_useState,2),height=_useState2[0],setHeight=_useState2[1],_useState3=(0,_react.useState)(""),_useState4=(0,_slicedToArray2.default)(_useState3,2),value=_useState4[0],setValue=_useState4[1];return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{multiline:!0,onChangeText:function(text){setValue(text)},onContentSizeChange:function(e){var height=e.nativeEvent.contentSize.height;setHeight(Math.max(MIN_HEIGHT,height))},style:[_helpers.styles.multiline,{height:height}],value:value}))}Autogrow.displayName="Autogrow";var _ref=_react.default.createElement(Autogrow,null);function Multiline(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{multiline:!0,style:_helpers.styles.multiline}),_ref)}Multiline.displayName="Multiline",Multiline.__docgenInfo={description:"",methods:[],displayName:"Multiline"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/Multiline.js"]={name:"Multiline",docgenInfo:Multiline.__docgenInfo,path:"src/components/TextInput/examples/Multiline.js"})},1576:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=NumberOfLines;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function NumberOfLines(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{multiline:!0,numberOfLines:2,placeholder:"numberOfLines = 2",style:[_helpers.styles.multiline,{height:"auto"}]}),_react.default.createElement(_TextInput.default,{multiline:!0,numberOfLines:3,placeholder:"numberOfLines = 3",style:[_helpers.styles.multiline,{height:"auto"}]}))}NumberOfLines.displayName="NumberOfLines",NumberOfLines.__docgenInfo={description:"",methods:[],displayName:"NumberOfLines"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/NumberOfLines.js"]={name:"NumberOfLines",docgenInfo:NumberOfLines.__docgenInfo,path:"src/components/TextInput/examples/NumberOfLines.js"})},1577:function(module,exports,__webpack_require__){__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireWildcard(__webpack_require__(0)),_View=_interopRequireDefault(__webpack_require__(3)),_Text=_interopRequireDefault(__webpack_require__(9)),_TextInput=_interopRequireDefault(__webpack_require__(65)),_helpers=__webpack_require__(68);function OnSelectionChange(){var _useState=(0,_react.useState)(""),_useState2=(0,_slicedToArray2.default)(_useState,2),text=_useState2[0],setText=_useState2[1],_useState3=(0,_react.useState)({start:0,end:0}),_useState4=(0,_slicedToArray2.default)(_useState3,2),selection=_useState4[0],setSelection=_useState4[1];return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{onChangeText:setText,onSelectionChange:function onSelectionChange(event){setSelection(event.nativeEvent.selection)},style:_helpers.styles.textinput,value:text}),_react.default.createElement(_Text.default,null,JSON.stringify(selection)))}OnSelectionChange.displayName="OnSelectionChange",OnSelectionChange.__docgenInfo={description:"",methods:[],displayName:"OnSelectionChange"};var _default=OnSelectionChange;exports.default=_default,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/OnSelectionChange.js"]={name:"OnSelectionChange",docgenInfo:OnSelectionChange.__docgenInfo,path:"src/components/TextInput/examples/OnSelectionChange.js"})},1578:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(453),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnSelectionChange;var _toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_Text=_interopRequireDefault(__webpack_require__(9)),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3)),OnSelectionChangeExample=function(_React$Component){function OnSelectionChangeExample(props){var _this;return(0,_classCallCheck2.default)(this,OnSelectionChangeExample),_this=(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(OnSelectionChangeExample).call(this,props)),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",void 0),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_textInput",void 0),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"onSelectionChange",(function(_ref){var selection=_ref.nativeEvent.selection;_this.setState({selection:selection})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"onChangeText",(function(value){_this.setState({value:value})})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"select",(function(start,end){return function(){_this._textInput.focus(),_this.setState({selection:{start:start,end:end}})}})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"selectRandom",(function(){var _this2,positions=[_this.getRandomPosition(),_this.getRandomPosition()].sort();(_this2=_this).select.apply(_this2,(0,_toConsumableArray2.default)(positions))()})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"placeAt",(function(position){return function(){_this.select(position,position)()}})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"placeAtRandom",(function(){_this.placeAt(_this.getRandomPosition())()})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"setRef",(function(textInput){_this._textInput=textInput})),_this.state={selection:{start:0,end:0},value:props.value},_this}return(0,_inherits2.default)(OnSelectionChangeExample,_React$Component),(0,_createClass2.default)(OnSelectionChangeExample,[{key:"getRandomPosition",value:function getRandomPosition(){var length=this.state.value.length;return Math.round(Math.random()*length)}},{key:"render",value:function render(){var length=this.state.value.length;return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{multiline:this.props.multiline,onChangeText:this.onChangeText,onSelectionChange:this.onSelectionChange,ref:this.setRef,selection:this.state.selection,style:this.props.style,value:this.state.value}),_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,null,"selection = ",JSON.stringify(this.state.selection)),_react.default.createElement(_Text.default,{onPress:this.placeAt(0)},"Place at Start (0, 0)"),_react.default.createElement(_Text.default,{onPress:this.placeAt(length)},"Place at End (",length,", ",length,")"),_react.default.createElement(_Text.default,{onPress:this.placeAtRandom},"Place at Random"),_react.default.createElement(_Text.default,{onPress:this.select(0,length)},"Select All"),_react.default.createElement(_Text.default,{onPress:this.selectRandom},"Select Random")))}}]),OnSelectionChangeExample}(_react.default.Component);OnSelectionChangeExample.displayName="OnSelectionChangeExample";var TextInputOnSelectionChangeExample=function(){return _react.default.createElement(_View.default,null,_react.default.createElement(OnSelectionChangeExample,{style:_helpers.styles.textinput,value:"text selection can be changed"}),_react.default.createElement(OnSelectionChangeExample,{multiline:!0,style:_helpers.styles.multiline,value:"multiline text selection\ncan also be changed"}))};TextInputOnSelectionChangeExample.displayName="TextInputOnSelectionChangeExample";var _ref2=_react.default.createElement(TextInputOnSelectionChangeExample,null);function OnSelectionChange(){return _ref2}OnSelectionChange.displayName="OnSelectionChange",OnSelectionChange.__docgenInfo={description:"",methods:[],displayName:"OnSelectionChange"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/OnSelectionChangeControlled.js"]={name:"OnSelectionChange",docgenInfo:OnSelectionChange.__docgenInfo,path:"src/components/TextInput/examples/OnSelectionChangeControlled.js"})},1579:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Placeholder;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function Placeholder(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{placeholder:"This is placeholder text",style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{multiline:!0,placeholder:"This is placeholder text",style:_helpers.styles.multiline}))}Placeholder.displayName="Placeholder",Placeholder.__docgenInfo={description:"",methods:[],displayName:"Placeholder"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/Placeholder.js"]={name:"Placeholder",docgenInfo:Placeholder.__docgenInfo,path:"src/components/TextInput/examples/Placeholder.js"})},1580:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=PlaceholderTextColor;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function PlaceholderTextColor(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{placeholder:"This is placeholder text",placeholderTextColor:"orange",style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{multiline:!0,placeholder:"This is placeholder text",placeholderTextColor:"red",style:_helpers.styles.multiline}))}PlaceholderTextColor.displayName="PlaceholderTextColor",PlaceholderTextColor.__docgenInfo={description:"",methods:[],displayName:"PlaceholderTextColor"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/PlaceholderTextColor.js"]={name:"PlaceholderTextColor",docgenInfo:PlaceholderTextColor.__docgenInfo,path:"src/components/TextInput/examples/PlaceholderTextColor.js"})},1581:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=SecureTextEntry;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65));function SecureTextEntry(){return _react.default.createElement(_TextInput.default,{defaultValue:"abc",numberOfLines:2,secureTextEntry:!0,style:_helpers.styles.textinput})}SecureTextEntry.displayName="SecureTextEntry",SecureTextEntry.__docgenInfo={description:"",methods:[],displayName:"SecureTextEntry"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/SecureTextEntry.js"]={name:"SecureTextEntry",docgenInfo:SecureTextEntry.__docgenInfo,path:"src/components/TextInput/examples/SecureTextEntry.js"})},1582:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=SelectTextOnFocus;var _react=_interopRequireDefault(__webpack_require__(0)),_helpers=__webpack_require__(68),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function SelectTextOnFocus(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TextInput.default,{defaultValue:"text is selected on focus",placeholder:"text is selected on focus",selectTextOnFocus:!0,style:_helpers.styles.textinput}),_react.default.createElement(_TextInput.default,{defaultValue:"text is selected on focus",multiline:!0,placeholder:"text is selected on focus",selectTextOnFocus:!0,style:_helpers.styles.multiline}))}SelectTextOnFocus.displayName="SelectTextOnFocus",SelectTextOnFocus.__docgenInfo={description:"",methods:[],displayName:"SelectTextOnFocus"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/examples/SelectTextOnFocus.js"]={name:"SelectTextOnFocus",docgenInfo:SelectTextOnFocus.__docgenInfo,path:"src/components/TextInput/examples/SelectTextOnFocus.js"})},1583:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.styleOverrides=exports.feedbackEvents=exports.delayEvents=exports.disabled=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1584)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|TouchableHighlight",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"touchablehighlight"},"TouchableHighlight"),(0,_react2.mdx)("p",null,"A wrapper for making views respond properly to touches. On press down, the\nopacity of the wrapped view is decreased, which allows the underlay color to\nshow through, darkening or tinting the view."),(0,_react2.mdx)("p",null,"The underlay comes from wrapping the child in a new View, which can affect\nlayout, and sometimes cause unwanted visual artifacts if not used correctly, for\nexample if the backgroundColor of the wrapped view isn't explicitly set to an\nopaque color."),(0,_react2.mdx)("p",null,"TouchableHighlight must have one child (not zero or more than one). If you wish\nto have several child components, wrap them in a View."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...TouchableWithoutFeedbackProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"activeOpacity"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0.85")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onHideUnderlay"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onShowUnderlay"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"underlayColor"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Color"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'black'")))),(0,_react2.mdx)("h3",{id:"activeopacity"},"activeOpacity"),(0,_react2.mdx)("p",null,"Determines what the opacity of the wrapped view should be when active."),(0,_react2.mdx)("h3",{id:"onhideunderlay"},"onHideUnderlay"),(0,_react2.mdx)("p",null,"Called immediately after the underlay is hidden."),(0,_react2.mdx)("h3",{id:"onshowunderlay"},"onShowUnderlay"),(0,_react2.mdx)("p",null,"Called immediately after the underlay is shown"),(0,_react2.mdx)("h3",{id:"underlaycolor"},"underlayColor"),(0,_react2.mdx)("p",null,"The color of the underlay that will show through when the touch is active."),(0,_react2.mdx)("h2",{id:"examples"},"Examples"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"delayEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.delayEvents,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"feedbackEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.feedbackEvents,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"styleOverrides",mdxType:"Story"},(0,_react2.mdx)(Stories.styleOverrides,null))))}MDXContent.isMDXComponent=!0;var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var delayEvents=function delayEvents(){return(0,_react2.mdx)(Stories.delayEvents,null)};exports.delayEvents=delayEvents,(delayEvents.story={}).name="delayEvents",delayEvents.story.parameters={mdxSource:"<Stories.delayEvents />"};var feedbackEvents=function feedbackEvents(){return(0,_react2.mdx)(Stories.feedbackEvents,null)};exports.feedbackEvents=feedbackEvents,(feedbackEvents.story={}).name="feedbackEvents",feedbackEvents.story.parameters={mdxSource:"<Stories.feedbackEvents />"};var styleOverrides=function styleOverrides(){return(0,_react2.mdx)(Stories.styleOverrides,null)};exports.styleOverrides=styleOverrides,(styleOverrides.story={}).name="styleOverrides",styleOverrides.story.parameters={mdxSource:"<Stories.styleOverrides />"};var componentMeta={title:"Components|TouchableHighlight",includeStories:["disabled","delayEvents","feedbackEvents","styleOverrides"]},mdxStoryNameToKey={disabled:"disabled",delayEvents:"delayEvents",feedbackEvents:"feedbackEvents",styleOverrides:"styleOverrides"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1584:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"delayEvents",{enumerable:!0,get:function get(){return _DelayEvents.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"feedbackEvents",{enumerable:!0,get:function get(){return _FeedbackEvents.default}}),Object.defineProperty(exports,"styleOverrides",{enumerable:!0,get:function get(){return _StyleOverrides.default}});var _DelayEvents=_interopRequireDefault(__webpack_require__(1585)),_Disabled=_interopRequireDefault(__webpack_require__(1586)),_FeedbackEvents=_interopRequireDefault(__webpack_require__(1587)),_StyleOverrides=_interopRequireDefault(__webpack_require__(1588))},1585:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableHighlight=_interopRequireDefault(__webpack_require__(154)),_View=_interopRequireDefault(__webpack_require__(3)),TouchableDelayEvents=function(_PureComponent){function TouchableDelayEvents(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,TouchableDelayEvents);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(TouchableDelayEvents)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{eventLog:[]}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_createPressHandler",(function(eventName){return function(){_this.setState((function(state){var eventLog=state.eventLog.slice(0,5);return eventLog.unshift(eventName),{eventLog:eventLog}}))}})),_this}return(0,_inherits2.default)(TouchableDelayEvents,_PureComponent),(0,_createClass2.default)(TouchableDelayEvents,[{key:"render",value:function render(){var displayName=_TouchableHighlight.default.displayName;return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_TouchableHighlight.default,{delayLongPress:800,delayPressIn:400,delayPressOut:1e3,onLongPress:this._createPressHandler("longPress: 800ms delay"),onPress:this._createPressHandler("press"),onPressIn:this._createPressHandler("pressIn: 400ms delay"),onPressOut:this._createPressHandler("pressOut: 1000ms delay")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},displayName)))),_react.default.createElement(_View.default,{style:styles.eventLogBox},this.state.eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}}]),TouchableDelayEvents}(_react.PureComponent);exports.default=TouchableDelayEvents,TouchableDelayEvents.displayName="TouchableDelayEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});TouchableDelayEvents.__docgenInfo={description:"",methods:[{name:"_createPressHandler",docblock:null,modifiers:[],params:[{name:"eventName",type:null}],returns:null}],displayName:"TouchableDelayEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableHighlight/examples/DelayEvents.js"]={name:"TouchableDelayEvents",docgenInfo:TouchableDelayEvents.__docgenInfo,path:"src/components/TouchableHighlight/examples/DelayEvents.js"})},1586:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableHighlight=_interopRequireDefault(__webpack_require__(154)),action=function(msg){return function(){console.log(msg)}},TouchableHighlightDisabled=function(_React$Component){function TouchableHighlightDisabled(){return(0,_classCallCheck2.default)(this,TouchableHighlightDisabled),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(TouchableHighlightDisabled).apply(this,arguments))}return(0,_inherits2.default)(TouchableHighlightDisabled,_React$Component),(0,_createClass2.default)(TouchableHighlightDisabled,[{key:"render",value:function render(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TouchableHighlight.default,{activeOpacity:1,disabled:!0,onPress:action("TouchableHighlight"),style:[styles.row,styles.block],underlayColor:"rgb(210, 230, 255)"},_react.default.createElement(_Text.default,{style:styles.disabledButton},"Disabled TouchableHighlight")),_react.default.createElement(_TouchableHighlight.default,{activeOpacity:1,onPress:action("TouchableHighlight"),style:[styles.row,styles.block],underlayColor:"rgb(210, 230, 255)"},_react.default.createElement(_Text.default,{style:styles.button},"Enabled TouchableHighlight")))}}]),TouchableHighlightDisabled}(_react.default.Component);exports.default=TouchableHighlightDisabled,TouchableHighlightDisabled.displayName="TouchableHighlightDisabled";var styles=_StyleSheet.default.create({row:{justifyContent:"center",flexDirection:"row"},block:{padding:10}});TouchableHighlightDisabled.__docgenInfo={description:"",methods:[],displayName:"TouchableHighlightDisabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableHighlight/examples/Disabled.js"]={name:"TouchableHighlightDisabled",docgenInfo:TouchableHighlightDisabled.__docgenInfo,path:"src/components/TouchableHighlight/examples/Disabled.js"})},1587:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableHighlight=_interopRequireDefault(__webpack_require__(154)),_View=_interopRequireDefault(__webpack_require__(3)),TouchableFeedbackEvents=function(_PureComponent){function TouchableFeedbackEvents(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,TouchableFeedbackEvents);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(TouchableFeedbackEvents)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{eventLog:[]}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_createPressHandler",(function(eventName){return function(){_this.setState((function(state){var eventLog=state.eventLog.slice(0,5);return eventLog.unshift(eventName),{eventLog:eventLog}}))}})),_this}return(0,_inherits2.default)(TouchableFeedbackEvents,_PureComponent),(0,_createClass2.default)(TouchableFeedbackEvents,[{key:"render",value:function render(){return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_TouchableHighlight.default,{onLongPress:this._createPressHandler("longPress"),onPress:this._createPressHandler("press"),onPressIn:this._createPressHandler("pressIn"),onPressOut:this._createPressHandler("pressOut")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},"Press Me")))),_react.default.createElement(_View.default,{style:styles.eventLogBox},this.state.eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}}]),TouchableFeedbackEvents}(_react.PureComponent);exports.default=TouchableFeedbackEvents,TouchableFeedbackEvents.displayName="TouchableFeedbackEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});TouchableFeedbackEvents.__docgenInfo={description:"",methods:[{name:"_createPressHandler",docblock:null,modifiers:[],params:[{name:"eventName",type:null}],returns:null}],displayName:"TouchableFeedbackEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableHighlight/examples/FeedbackEvents.js"]={name:"TouchableFeedbackEvents",docgenInfo:TouchableFeedbackEvents.__docgenInfo,path:"src/components/TouchableHighlight/examples/FeedbackEvents.js"})},1588:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=TouchableCustomStyleOverridesExample;var _defineProperty2=_interopRequireDefault(__webpack_require__(22)),_slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableHighlight=_interopRequireDefault(__webpack_require__(154)),buttons=["One","Two","Three"];function TouchableCustomStyleOverridesExample(){var _React$useState=_react.default.useState({}),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),state=_React$useState2[0],setState=_React$useState2[1];return _react.default.createElement(_View.default,{style:styles.container},buttons.map((function(button){return _react.default.createElement(_TouchableHighlight.default,{key:button,onPress:(item=button,function(){setState((0,_defineProperty2.default)({},item,!0))}),style:[styles.touchable,state[button]&&styles.blue],underlayColor:"#1b95e020"},_react.default.createElement(_Text.default,{style:[!state[button]&&styles.text]},button));var item})))}TouchableCustomStyleOverridesExample.displayName="TouchableCustomStyleOverridesExample";var styles=_StyleSheet.default.create({blue:{backgroundColor:"#1b95e040",borderColor:"#1B95E0"},text:{color:"#555"},container:{flexDirection:"row"},touchable:{borderWidth:3,borderColor:"#ccc",padding:20,marginVertical:10,marginRight:10}});TouchableCustomStyleOverridesExample.__docgenInfo={description:"",methods:[],displayName:"TouchableCustomStyleOverridesExample"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableHighlight/examples/StyleOverrides.js"]={name:"TouchableCustomStyleOverridesExample",docgenInfo:TouchableCustomStyleOverridesExample.__docgenInfo,path:"src/components/TouchableHighlight/examples/StyleOverrides.js"})},1589:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.feedbackEvents=exports.delayEvents=exports.disabled=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1590)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|TouchableOpacity",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"touchableopacity"},"TouchableOpacity"),(0,_react2.mdx)("p",null,"A wrapper for making views respond properly to touches. On press down, the\nopacity of the wrapped view is decreased, dimming it."),(0,_react2.mdx)("p",null,"Opacity is controlled by wrapping the children in an Animated.View, which is\nadded to the view hierarchy. Be aware that this can affect layout."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...TouchableWithoutFeedbackProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"activeOpacity"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0.2")))),(0,_react2.mdx)("h3",{id:"activeopacity"},"activeOpacity"),(0,_react2.mdx)("p",null,"Determines what the opacity of the wrapped view should be when active."),(0,_react2.mdx)("h2",{id:"examples"},"Examples"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"delayEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.delayEvents,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"feedbackEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.feedbackEvents,null))))}MDXContent.isMDXComponent=!0;var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var delayEvents=function delayEvents(){return(0,_react2.mdx)(Stories.delayEvents,null)};exports.delayEvents=delayEvents,(delayEvents.story={}).name="delayEvents",delayEvents.story.parameters={mdxSource:"<Stories.delayEvents />"};var feedbackEvents=function feedbackEvents(){return(0,_react2.mdx)(Stories.feedbackEvents,null)};exports.feedbackEvents=feedbackEvents,(feedbackEvents.story={}).name="feedbackEvents",feedbackEvents.story.parameters={mdxSource:"<Stories.feedbackEvents />"};var componentMeta={title:"Components|TouchableOpacity",includeStories:["disabled","delayEvents","feedbackEvents"]},mdxStoryNameToKey={disabled:"disabled",delayEvents:"delayEvents",feedbackEvents:"feedbackEvents"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},159:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useElementLayout}));var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(24),_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(205),_exports_UIManager__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(81),DOM_LAYOUT_HANDLER_NAME="__reactLayoutHandler",resizeObserver=null;function useElementLayout(ref,onLayout){var observer=function getResizeObserver(){return fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM&&void 0!==window.ResizeObserver&&null==resizeObserver&&(resizeObserver=new window.ResizeObserver((function(entries){entries.forEach((function(entry){var node=entry.target,onLayout=node[DOM_LAYOUT_HANDLER_NAME];"function"==typeof onLayout&&_exports_UIManager__WEBPACK_IMPORTED_MODULE_2__.a.measure(node,(function(x,y,width,height,left,top){var event={nativeEvent:{layout:{x:x,y:y,width:width,height:height,left:left,top:top}},timeStamp:Date.now()};Object.defineProperty(event.nativeEvent,"target",{enumerable:!0,get:function get(){return entry.target}}),onLayout(event)}))}))}))),resizeObserver}();Object(_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.a)((function(){var node=ref.current;null!=node&&(node[DOM_LAYOUT_HANDLER_NAME]=onLayout)}),[ref,onLayout]),Object(_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__.a)((function(){var node=ref.current;return null!=node&&null!=observer&&("function"==typeof node[DOM_LAYOUT_HANDLER_NAME]?observer.observe(node):observer.unobserve(node)),function(){null!=node&&null!=observer&&observer.unobserve(node)}}),[ref,observer])}},1590:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"delayEvents",{enumerable:!0,get:function get(){return _DelayEvents.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"feedbackEvents",{enumerable:!0,get:function get(){return _FeedbackEvents.default}});var _DelayEvents=_interopRequireDefault(__webpack_require__(1591)),_Disabled=_interopRequireDefault(__webpack_require__(1592)),_FeedbackEvents=_interopRequireDefault(__webpack_require__(1593))},1591:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableOpacity=_interopRequireDefault(__webpack_require__(155)),_View=_interopRequireDefault(__webpack_require__(3)),TouchableDelayEvents=function(_PureComponent){function TouchableDelayEvents(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,TouchableDelayEvents);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(TouchableDelayEvents)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{eventLog:[]}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_createPressHandler",(function(eventName){return function(){_this.setState((function(state){var eventLog=state.eventLog.slice(0,5);return eventLog.unshift(eventName),{eventLog:eventLog}}))}})),_this}return(0,_inherits2.default)(TouchableDelayEvents,_PureComponent),(0,_createClass2.default)(TouchableDelayEvents,[{key:"render",value:function render(){var displayName=_TouchableOpacity.default.displayName;return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_TouchableOpacity.default,{delayLongPress:800,delayPressIn:400,delayPressOut:1e3,onLongPress:this._createPressHandler("longPress: 800ms delay"),onPress:this._createPressHandler("press"),onPressIn:this._createPressHandler("pressIn: 400ms delay"),onPressOut:this._createPressHandler("pressOut: 1000ms delay")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},displayName)))),_react.default.createElement(_View.default,{style:styles.eventLogBox},this.state.eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}}]),TouchableDelayEvents}(_react.PureComponent);exports.default=TouchableDelayEvents,TouchableDelayEvents.displayName="TouchableDelayEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});TouchableDelayEvents.__docgenInfo={description:"",methods:[{name:"_createPressHandler",docblock:null,modifiers:[],params:[{name:"eventName",type:null}],returns:null}],displayName:"TouchableDelayEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableOpacity/examples/DelayEvents.js"]={name:"TouchableDelayEvents",docgenInfo:TouchableDelayEvents.__docgenInfo,path:"src/components/TouchableOpacity/examples/DelayEvents.js"})},1592:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableOpacity=_interopRequireDefault(__webpack_require__(155)),action=function(msg){return function(){console.log(msg)}},TouchableOpacityDisabled=function(_React$Component){function TouchableOpacityDisabled(){return(0,_classCallCheck2.default)(this,TouchableOpacityDisabled),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(TouchableOpacityDisabled).apply(this,arguments))}return(0,_inherits2.default)(TouchableOpacityDisabled,_React$Component),(0,_createClass2.default)(TouchableOpacityDisabled,[{key:"render",value:function render(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TouchableOpacity.default,{activeOpacity:.5,disabled:!0,onPress:action("TouchableOpacity"),style:[styles.row,styles.block]},_react.default.createElement(_Text.default,{style:styles.disabledButton},"Disabled TouchableOpacity")),_react.default.createElement(_TouchableOpacity.default,{activeOpacity:.5,onPress:action("TouchableOpacity"),style:[styles.row,styles.block]},_react.default.createElement(_Text.default,{style:styles.button},"Enabled TouchableOpacity")))}}]),TouchableOpacityDisabled}(_react.default.Component);exports.default=TouchableOpacityDisabled,TouchableOpacityDisabled.displayName="TouchableOpacityDisabled";var styles=_StyleSheet.default.create({row:{justifyContent:"center",flexDirection:"row"},block:{padding:10}});TouchableOpacityDisabled.__docgenInfo={description:"",methods:[],displayName:"TouchableOpacityDisabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableOpacity/examples/Disabled.js"]={name:"TouchableOpacityDisabled",docgenInfo:TouchableOpacityDisabled.__docgenInfo,path:"src/components/TouchableOpacity/examples/Disabled.js"})},1593:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireWildcard(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableOpacity=_interopRequireDefault(__webpack_require__(155)),_View=_interopRequireDefault(__webpack_require__(3)),TouchableFeedbackEvents=function(_PureComponent){function TouchableFeedbackEvents(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,TouchableFeedbackEvents);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(TouchableFeedbackEvents)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{eventLog:[]}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_createPressHandler",(function(eventName){return function(){_this.setState((function(state){var eventLog=state.eventLog.slice(0,5);return eventLog.unshift(eventName),{eventLog:eventLog}}))}})),_this}return(0,_inherits2.default)(TouchableFeedbackEvents,_PureComponent),(0,_createClass2.default)(TouchableFeedbackEvents,[{key:"render",value:function render(){return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_TouchableOpacity.default,{onLongPress:this._createPressHandler("longPress"),onPress:this._createPressHandler("press"),onPressIn:this._createPressHandler("pressIn"),onPressOut:this._createPressHandler("pressOut")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},"Press Me")))),_react.default.createElement(_View.default,{style:styles.eventLogBox},this.state.eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}}]),TouchableFeedbackEvents}(_react.PureComponent);exports.default=TouchableFeedbackEvents,TouchableFeedbackEvents.displayName="TouchableFeedbackEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});TouchableFeedbackEvents.__docgenInfo={description:"",methods:[{name:"_createPressHandler",docblock:null,modifiers:[],params:[{name:"eventName",type:null}],returns:null}],displayName:"TouchableFeedbackEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableOpacity/examples/FeedbackEvents.js"]={name:"TouchableFeedbackEvents",docgenInfo:TouchableFeedbackEvents.__docgenInfo,path:"src/components/TouchableOpacity/examples/FeedbackEvents.js"})},1594:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.feedbackEvents=exports.delayEvents=exports.disabled=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1595)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|TouchableWithoutFeedback",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"touchablewithoutfeedback"},"TouchableWithoutFeedback"),(0,_react2.mdx)("p",null,'Do not use unless you have a very good reason. All the elements that respond to\npress should have a visual feedback when touched. This is one of the primary\nreason a "web" app doesn\'t feel "native".'),(0,_react2.mdx)("p",null,"NOTE: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TouchableWithoutFeedback")," supports only one child. If you wish to have\nseveral child components, wrap them in a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"View"),"."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"...ViewProps"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null})),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"delayLongPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"500")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"delayPressIn"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"delayPressOut"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?number"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"0")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"disabled"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"false")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLongPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPress"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPressIn"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onPressOut"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"pressRetentionOffset"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Object"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"delaylongpress"},"delayLongPress"),(0,_react2.mdx)("p",null,"Delay in ms, from ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onPressIn")," to before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onLongPress")," is called. The default is ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"500"),"."),(0,_react2.mdx)("h3",{id:"delaypressin"},"delayPressIn"),(0,_react2.mdx)("p",null,"Delay in ms, from pointer down to before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onPressIn")," is called."),(0,_react2.mdx)("h3",{id:"delaypressout"},"delayPressOut"),(0,_react2.mdx)("p",null,"Delay in ms, from pointer up to before ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onPressOut")," is called."),(0,_react2.mdx)("h3",{id:"disabled"},"disabled"),(0,_react2.mdx)("p",null,"Disables all pointer interactions with the element."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"disabled",mdxType:"Story"},(0,_react2.mdx)(Stories.disabled,null))),(0,_react2.mdx)("h3",{id:"onlongpress"},"onLongPress"),(0,_react2.mdx)("p",null,"Called when the pointer is held down for as long as the value of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"delayLongPress"),"."),(0,_react2.mdx)("h3",{id:"onpress"},"onPress"),(0,_react2.mdx)("p",null,"Called when the pointer is released, but not if cancelled (e.g. by a scroll that steals the responder lock)."),(0,_react2.mdx)("h3",{id:"pressretentionoffset"},"pressRetentionOffset"),(0,_react2.mdx)("p",null,"When the scroll view is disabled, this defines how far the pointer may move off\nof the element before it becomes deactivated. Once deactivated, try moving the pointer\nback over the element and you'll see that the element is once again reactivated!\nMove it back and forth several times while the scroll view is disabled. Ensure\nyou pass in a constant to reduce memory allocations."),(0,_react2.mdx)("h2",{id:"examples"},"Examples"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"delayEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.delayEvents,null))),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"feedbackEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.feedbackEvents,null))))}MDXContent.isMDXComponent=!0;var disabled=function disabled(){return(0,_react2.mdx)(Stories.disabled,null)};exports.disabled=disabled,(disabled.story={}).name="disabled",disabled.story.parameters={mdxSource:"<Stories.disabled />"};var delayEvents=function delayEvents(){return(0,_react2.mdx)(Stories.delayEvents,null)};exports.delayEvents=delayEvents,(delayEvents.story={}).name="delayEvents",delayEvents.story.parameters={mdxSource:"<Stories.delayEvents />"};var feedbackEvents=function feedbackEvents(){return(0,_react2.mdx)(Stories.feedbackEvents,null)};exports.feedbackEvents=feedbackEvents,(feedbackEvents.story={}).name="feedbackEvents",feedbackEvents.story.parameters={mdxSource:"<Stories.feedbackEvents />"};var componentMeta={title:"Components|TouchableWithoutFeedback",includeStories:["disabled","delayEvents","feedbackEvents"]},mdxStoryNameToKey={disabled:"disabled",delayEvents:"delayEvents",feedbackEvents:"feedbackEvents"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1595:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"delayEvents",{enumerable:!0,get:function get(){return _DelayEvents.default}}),Object.defineProperty(exports,"disabled",{enumerable:!0,get:function get(){return _Disabled.default}}),Object.defineProperty(exports,"feedbackEvents",{enumerable:!0,get:function get(){return _FeedbackEvents.default}});var _DelayEvents=_interopRequireDefault(__webpack_require__(1596)),_Disabled=_interopRequireDefault(__webpack_require__(1597)),_FeedbackEvents=_interopRequireDefault(__webpack_require__(1598))},1596:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=DelayEvents;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableWithoutFeedback=_interopRequireDefault(__webpack_require__(198)),_View=_interopRequireDefault(__webpack_require__(3));function DelayEvents(){var _React$useState=_react.default.useState([]),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),eventLog=_React$useState2[0],updateEventLog=_React$useState2[1],handlePress=function(eventName){return function(){updateEventLog((function(state){var nextState=state.slice(0,5);return nextState.unshift(eventName),nextState}))}};return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_TouchableWithoutFeedback.default,{delayLongPress:800,delayPressIn:400,delayPressOut:1e3,onLongPress:handlePress("longPress: 800ms delay"),onPress:handlePress("press"),onPressIn:handlePress("pressIn: 400ms delay"),onPressOut:handlePress("pressOut: 1000ms delay")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},"TouchableWithoutFeedback")))),_react.default.createElement(_View.default,{style:styles.eventLogBox},eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}DelayEvents.displayName="DelayEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});DelayEvents.__docgenInfo={description:"",methods:[],displayName:"DelayEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableWithoutFeedback/examples/DelayEvents.js"]={name:"DelayEvents",docgenInfo:DelayEvents.__docgenInfo,path:"src/components/TouchableWithoutFeedback/examples/DelayEvents.js"})},1597:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Disabled;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableWithoutFeedback=_interopRequireDefault(__webpack_require__(198)),action=function(msg){return function(){console.log(msg)}};function Disabled(){return _react.default.createElement(_View.default,null,_react.default.createElement(_TouchableWithoutFeedback.default,{disabled:!0,onPress:action("TouchableWithoutFeedback")},_react.default.createElement(_View.default,{style:[styles.row,styles.block]},_react.default.createElement(_Text.default,{style:styles.disabledButton},"Disabled TouchableWithoutFeedback"))),_react.default.createElement(_TouchableWithoutFeedback.default,{disabled:!1,onPress:action("TouchableWithoutFeedback")},_react.default.createElement(_View.default,{style:[styles.row,styles.block]},_react.default.createElement(_Text.default,{style:styles.button},"Enabled TouchableWithoutFeedback"))))}Disabled.displayName="Disabled";var styles=_StyleSheet.default.create({row:{justifyContent:"center",flexDirection:"row"},block:{padding:10}});Disabled.__docgenInfo={description:"",methods:[],displayName:"Disabled"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableWithoutFeedback/examples/Disabled.js"]={name:"Disabled",docgenInfo:Disabled.__docgenInfo,path:"src/components/TouchableWithoutFeedback/examples/Disabled.js"})},1598:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(53),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=FeedbackEvents;var _slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableWithoutFeedback=_interopRequireDefault(__webpack_require__(198)),_View=_interopRequireDefault(__webpack_require__(3));function FeedbackEvents(){var _React$useState=_react.default.useState([]),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),eventLog=_React$useState2[0],updateEventLog=_React$useState2[1],handlePress=function(eventName){return function(){updateEventLog((function(state){var nextState=state.slice(0,5);return nextState.unshift(eventName),nextState}))}};return _react.default.createElement(_View.default,null,_react.default.createElement(_View.default,null,_react.default.createElement(_TouchableWithoutFeedback.default,{onLongPress:handlePress("longPress"),onPress:handlePress("press"),onPressIn:handlePress("pressIn"),onPressOut:handlePress("pressOut")},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.touchableText},"Press Me")))),_react.default.createElement(_View.default,{style:styles.eventLogBox},eventLog.map((function(e,ii){return _react.default.createElement(_Text.default,{key:ii},e)}))))}FeedbackEvents.displayName="FeedbackEvents";var styles=_StyleSheet.default.create({touchableText:{borderRadius:8,padding:5,borderWidth:1,borderColor:"black",color:"#007AFF",borderStyle:"solid",textAlign:"center"},eventLogBox:{padding:10,marginTop:10,height:120,borderWidth:_StyleSheet.default.hairlineWidth,borderColor:"#f0f0f0",backgroundColor:"#f9f9f9"}});FeedbackEvents.__docgenInfo={description:"",methods:[],displayName:"FeedbackEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TouchableWithoutFeedback/examples/FeedbackEvents.js"]={name:"FeedbackEvents",docgenInfo:FeedbackEvents.__docgenInfo,path:"src/components/TouchableWithoutFeedback/examples/FeedbackEvents.js"})},1599:function(module,exports,__webpack_require__){var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.styleZIndex=exports.styleBoxShadow=exports.styleFlexbox=exports.pointerEvents=exports.onLayout=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),Stories=_interopRequireWildcard(__webpack_require__(1600)),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Components|View",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"view"},"View"),(0,_react2.mdx)("p",null,"View is the fundamental UI building block. It is a component that supports\nstyle, layout with flexbox, and accessibility controls. It can be nested inside\nanother View and has zero-to-many children of any type."),(0,_react2.mdx)("h2",{id:"props"},"Props"),(0,_react2.mdx)("p",null,'Please also refer to the in-depth "Accessibility" and "Style" guides.'),(0,_react2.mdx)("table",null,(0,_react2.mdx)("thead",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"thead"},(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Name"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Type"),(0,_react2.mdx)("th",(0,_extends2.default)({parentName:"tr"},{align:null}),"Default"))),(0,_react2.mdx)("tbody",{parentName:"table"},(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityLabel"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityLiveRegion"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityRole"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityState"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Object"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessibilityValue"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Object"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"accessible"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?boolean"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"children"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?any"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"importantForAccessibility"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"nativeID"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onBlur"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onFocus"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onLayout"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onMoveShouldSetResponder"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onMoveShouldSetResponderCapture"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderEnd"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderGrant"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderMove"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderReject"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderRelease"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderStart"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderTerminate"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onResponderTerminationRequest"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onScrollShouldSetResponder"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onScrollShouldSetResponderCapture"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onSelectionChangeShouldSetResponder"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onSelectionChangeShouldSetResponderCapture"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onStartShouldSetResponder"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"onStartShouldSetResponderCapture"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Function"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"pointerEvents"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"'auto'")),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?Style"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))),(0,_react2.mdx)("tr",{parentName:"tbody"},(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"testID"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}),"?string"),(0,_react2.mdx)("td",(0,_extends2.default)({parentName:"tr"},{align:null}))))),(0,_react2.mdx)("h3",{id:"onlayout"},"onLayout"),(0,_react2.mdx)("p",null,"This is invoked when a component is mounted and when its layout changes. ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"x")," and\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"y")," are the offsets from the parent node."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"const onLayout = ({\n nativeEvent: {\n layout: { x, y, width, height }\n }\n}) => {}\n\n<View onLayout={onLayout} />\n")),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"onLayout",mdxType:"Story"},(0,_react2.mdx)(Stories.onLayout,null))),(0,_react2.mdx)("h3",{id:"onmoveshouldsetresponder"},"onMoveShouldSetResponder"),(0,_react2.mdx)("p",null,'Does this view want to "claim" touch responsiveness? This is called for every\ntouch move on the View when it is not the responder.'),(0,_react2.mdx)("h3",{id:"onmoveshouldsetrespondercapture"},"onMoveShouldSetResponderCapture"),(0,_react2.mdx)("p",null,"If a parent View wants to prevent a child View from becoming responder on a\nmove, it should have this handler return ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),"."),(0,_react2.mdx)("h3",{id:"onrespondergrant"},"onResponderGrant"),(0,_react2.mdx)("p",null,"The View is now responding to touch events. This is the time to highlight and\nshow the user what is happening. For most touch interactions, you'll simply want\nto wrap your component in ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TouchableHighlight")," or ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TouchableOpacity"),"."),(0,_react2.mdx)("h3",{id:"onrespondermove"},"onResponderMove"),(0,_react2.mdx)("p",null,"The user is moving their finger."),(0,_react2.mdx)("h3",{id:"onresponderreject"},"onResponderReject"),(0,_react2.mdx)("p",null,"Another responder is already active and will not release it to the View asking\nto be the responder."),(0,_react2.mdx)("h3",{id:"onresponderrelease"},"onResponderRelease"),(0,_react2.mdx)("p",null,"Fired at the end of the touch."),(0,_react2.mdx)("h3",{id:"onresponderterminate"},"onResponderTerminate"),(0,_react2.mdx)("p",null,"The responder has been taken from the view."),(0,_react2.mdx)("h3",{id:"onresponderterminationrequest"},"onResponderTerminationRequest"),(0,_react2.mdx)("p",null,"Some other view wants to become responder and is asking this view to release its\nresponder. Returning ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true")," allows its release."),(0,_react2.mdx)("h3",{id:"onstartshouldsetresponder"},"onStartShouldSetResponder"),(0,_react2.mdx)("p",null,"Does this view want to become responder on the start of a touch?"),(0,_react2.mdx)("h3",{id:"onstartshouldsetrespondercapture"},"onStartShouldSetResponderCapture"),(0,_react2.mdx)("p",null,"If a parent view wants to prevent a child view from becoming the responder on a\ntouch start, it should have this handler return true."),(0,_react2.mdx)("h3",{id:"pointerevents"},"pointerEvents"),(0,_react2.mdx)("p",null,"Controls whether the View can be the target of touch events. Allowed values are\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"auto"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"box-only"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"box-none"),", and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"none"),". A value of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"box-none")," preserves\npointer events on the element's children; ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"box-only")," disables pointer events on\nthe element's children."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"pointerEvents",mdxType:"Story"},(0,_react2.mdx)(Stories.pointerEvents,null))),(0,_react2.mdx)("h3",{id:"testid"},"testID"),(0,_react2.mdx)("p",null,"Used to locate this view in end-to-end tests. The test ID is rendered to a\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"data-testid")," DOM attribute."),(0,_react2.mdx)("h3",{id:"style"},"style"),(0,_react2.mdx)("p",null,"..."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'{\n ...CSSCustomProperties,\n alignContent: string,\n alignItems: string,\n alignSelf: string,\n animationDelay: string,\n animationDirection: string,\n animationFillMode: string,\n animationKeyframes: Array<Object|string>,\n animationIterationCount: number | "infinite",\n animationPlayState: string,\n animationTimingFunction: string,\n backfaceVisibility: string,\n backgroundAttachment: string,\n backgroundBlendMode: string,\n backgroundClip: string,\n backgroundColor: color,\n backgroundImage: string,\n backgroundOrigin: string,\n backgroundPosition: string,\n backgroundRepeat: string,\n backgroundSize: string,\n borderColor: color,\n borderBottomColor: color,\n borderEndColor: color,\n borderLeftColor: color,\n borderRightColor: color,\n borderStartColor: color,\n borderTopColor: color,\n borderRadius: number | string,\n borderBottomEndRadius: number | string,\n borderBottomLeftRadius: number | string,\n borderBottomRightRadius: number | string,\n borderBottomStartRadius: number | string,\n borderTopEndRadius: number | string,\n borderTopLeftRadius: number | string,\n borderTopRightRadius: number | string,\n borderTopStartRadius: number | string,\n borderStyle: string,\n borderBottomStyle: string,\n borderEndStyle: string,\n borderLeftStyle: string,\n borderRightStyle: string,\n borderStartStyle: string,\n borderTopStyle: string,\n borderWidth: number | string,\n borderBottomWidth: number | string,\n borderEndWidth: number | string,\n borderLeftWidth: number | string,\n borderRightWidth: number | string,\n borderStartWidth: number | string,\n borderTopWidth: number | string,\n bottom: number | string,\n boxShadow: string,\n boxSizing: string,\n clip: string,\n cursor: string,\n direction: string,\n display: string,\n end: number | string,\n filter: string,\n flex: number,\n flexBasis: string,\n flexDirection: string,\n flexGrow: number,\n flexShrink: number,\n flexWrap: string,\n gridAutoColumns: string,\n gridAutoFlow: string,\n gridAutoRows: string,\n gridColumnEnd: string,\n gridColumnGap: string,\n gridColumnStart: string,\n gridRowEnd: string,\n gridRowGap: string,\n gridRowStart: string,\n gridTemplateColumns: string,\n gridTemplateRows: string,\n gridTemplateAreas: string,\n height: number | string,\n justifyContent: string,\n left: number | string,\n margin: number | string,\n marginBottom: number | string,\n marginEnd: number | string,\n marginHorizontal: number | string,\n marginLeft: number | string,\n marginRight: number | string,\n marginStart: number | string,\n marginTop: number | string,\n marginVertical: number | string,\n maxHeight: number | string,\n maxWidth: number | string,\n minHeight: number | string,\n minWidth: number | string,\n opacity: number,\n order: number,\n outlineColor: color,\n outlineOffset: number | string,\n outlineStyle: string,\n outlineWidth: number | string,\n overflow: string,\n overflowX: string,\n overflowY: string,\n overscrollBehavior: "auto" | "contain" | "none",\n overscrollBehaviorX: "auto" | "contain" | "none",\n overscrollBehaviorY: "auto" | "contain" | "none",\n padding: number | string,\n paddingBottom: number | string,\n paddingEnd: number | string,\n paddingHorizontal: number | string,\n paddingLeft: number | string,\n paddingRight: number | string,\n paddingStart: number | string,\n paddingTop: number | string,\n paddingVertical: number | string,\n perspective: string,\n perspectiveOrigin: string,\n position: string,\n right: number | string,\n shadowColor: color,\n shadowOffset: { height: number | string, width: number | string },\n shadowOpacity: number,\n shadowRadius: number | string,\n start: number | string,\n touchAction: string,\n top: number | string,\n transform: Array<Object>,\n transformOrigin: string,\n transformStyle: "flat" | "preserve-3d",\n transitionDelay: string,\n transitionDuration: string,\n transitionProperty: string,\n transitionTimingFunction: string,\n userSelect: string,\n visibility: string,\n width: number | string,\n willChange: string,\n zIndex: number\n}\n')),(0,_react2.mdx)("h4",{id:"flexbox"},"flexbox"),(0,_react2.mdx)("p",null,"Flexbox is the default layout for Views. By default, every view has a column\nlayout that stretches its children, which is very similar to block layout."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"styleFlexbox",mdxType:"Story"},(0,_react2.mdx)(Stories.styleFlexbox,null))),(0,_react2.mdx)("h4",{id:"shadows"},"shadows"),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"styleBoxShadow",mdxType:"Story"},(0,_react2.mdx)(Stories.styleBoxShadow,null))),(0,_react2.mdx)("h4",{id:"transform"},"transform"),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"transform")," value must be an array of objects, for example:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const style = {\n transform: [\n { perspective: 300 },\n { translateX: 100 },\n { translateY: 50 },\n { rotate: '30deg' },\n { scaleX: 2 },\n ]\n}\n")),(0,_react2.mdx)("h4",{id:"zindex"},"zIndex"),(0,_react2.mdx)("p",null,"Every instance of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"View")," has ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"relative")," positioning by default and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"zIndex")," can\nonly be used to control the relative Z-axis stacking of siblings within their\nparent."),(0,_react2.mdx)(_blocks.Preview,{withSource:"none",mdxType:"Preview"},(0,_react2.mdx)(_blocks.Story,{name:"styleZIndex",mdxType:"Story"},(0,_react2.mdx)(Stories.styleZIndex,null))))}MDXContent.isMDXComponent=!0;var onLayout=function onLayout(){return(0,_react2.mdx)(Stories.onLayout,null)};exports.onLayout=onLayout,(onLayout.story={}).name="onLayout",onLayout.story.parameters={mdxSource:"<Stories.onLayout />"};var pointerEvents=function pointerEvents(){return(0,_react2.mdx)(Stories.pointerEvents,null)};exports.pointerEvents=pointerEvents,(pointerEvents.story={}).name="pointerEvents",pointerEvents.story.parameters={mdxSource:"<Stories.pointerEvents />"};var styleFlexbox=function styleFlexbox(){return(0,_react2.mdx)(Stories.styleFlexbox,null)};exports.styleFlexbox=styleFlexbox,(styleFlexbox.story={}).name="styleFlexbox",styleFlexbox.story.parameters={mdxSource:"<Stories.styleFlexbox />"};var styleBoxShadow=function styleBoxShadow(){return(0,_react2.mdx)(Stories.styleBoxShadow,null)};exports.styleBoxShadow=styleBoxShadow,(styleBoxShadow.story={}).name="styleBoxShadow",styleBoxShadow.story.parameters={mdxSource:"<Stories.styleBoxShadow />"};var styleZIndex=function styleZIndex(){return(0,_react2.mdx)(Stories.styleZIndex,null)};exports.styleZIndex=styleZIndex,(styleZIndex.story={}).name="styleZIndex",styleZIndex.story.parameters={mdxSource:"<Stories.styleZIndex />"};var componentMeta={title:"Components|View",includeStories:["onLayout","pointerEvents","styleFlexbox","styleBoxShadow","styleZIndex"]},mdxStoryNameToKey={onLayout:"onLayout",pointerEvents:"pointerEvents",styleFlexbox:"styleFlexbox",styleBoxShadow:"styleBoxShadow",styleZIndex:"styleZIndex"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},160:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePlatformMethods}));var _exports_UIManager__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(81),_modules_createDOMProps__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(269),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function setNativeProps(node,nativeProps,classList,pointerEvents,style,previousStyleRef){if(null!=node&&nativeProps){var domProps=Object(_modules_createDOMProps__WEBPACK_IMPORTED_MODULE_1__.a)(null,function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({pointerEvents:pointerEvents},nativeProps,{classList:[classList,nativeProps.className],style:[style,nativeProps.style]})),nextDomStyle=domProps.style;if(null!=previousStyleRef.current)for(var styleName in null==domProps.style&&(domProps.style={}),previousStyleRef.current)null==domProps.style[styleName]&&(domProps.style[styleName]="");previousStyleRef.current=nextDomStyle,_exports_UIManager__WEBPACK_IMPORTED_MODULE_0__.a.updateView(node,domProps)}}function usePlatformMethods(hostRef,props){var previousStyleRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null),classList=props.classList,style=props.style,pointerEvents=props.pointerEvents;Object(react__WEBPACK_IMPORTED_MODULE_2__.useImperativeHandle)(hostRef,(function(){var hostNode=hostRef.current;return null!=hostNode&&(hostNode.measure=function(callback){return _exports_UIManager__WEBPACK_IMPORTED_MODULE_0__.a.measure(hostNode,callback)},hostNode.measureLayout=function(relativeToNode,success,failure){return _exports_UIManager__WEBPACK_IMPORTED_MODULE_0__.a.measureLayout(hostNode,relativeToNode,failure,success)},hostNode.measureInWindow=function(callback){return _exports_UIManager__WEBPACK_IMPORTED_MODULE_0__.a.measureInWindow(hostNode,callback)},hostNode.setNativeProps=function(nativeProps){return setNativeProps(hostNode,nativeProps,classList,pointerEvents,style,previousStyleRef)}),hostNode}),[hostRef,classList,pointerEvents,style])}},1600:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"onLayout",{enumerable:!0,get:function get(){return _OnLayout.default}}),Object.defineProperty(exports,"pointerEvents",{enumerable:!0,get:function get(){return _PointerEvents.default}}),Object.defineProperty(exports,"styleBorder",{enumerable:!0,get:function get(){return _StyleBorder.default}}),Object.defineProperty(exports,"styleBoxShadow",{enumerable:!0,get:function get(){return _StyleBoxShadow.default}}),Object.defineProperty(exports,"styleFlexbox",{enumerable:!0,get:function get(){return _StyleFlexbox.default}}),Object.defineProperty(exports,"styleZIndex",{enumerable:!0,get:function get(){return _StyleZIndex.default}});var _OnLayout=_interopRequireDefault(__webpack_require__(1601)),_PointerEvents=_interopRequireDefault(__webpack_require__(1602)),_StyleBorder=_interopRequireDefault(__webpack_require__(1603)),_StyleBoxShadow=_interopRequireDefault(__webpack_require__(1604)),_StyleFlexbox=_interopRequireDefault(__webpack_require__(1605)),_StyleZIndex=_interopRequireDefault(__webpack_require__(1606))},1601:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(20),__webpack_require__(2),__webpack_require__(150),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=OnLayout;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),l1={width:"100%",paddingLeft:0,paddingTop:0},l2={width:"75%",paddingLeft:10,paddingTop:10},OnLayoutExample=function(_React$Component){function OnLayoutExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,OnLayoutExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(OnLayoutExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{layoutInfo:{}}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLayout",(function(_ref){var nativeEvent=_ref.nativeEvent;_this.setState((function(){return{layoutInfo:nativeEvent.layout}}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_setRef",(function(component){_this._ref=component})),_this}return(0,_inherits2.default)(OnLayoutExample,_React$Component),(0,_createClass2.default)(OnLayoutExample,[{key:"componentDidMount",value:function componentDidMount(){var _this2=this;this._layout=l1,this._interval=setInterval((function(){_this2._ref&&(_this2._ref.setNativeProps({style:_this2._layout}),_this2._layout="100%"===_this2._layout.width?l2:l1)}),2e3)}},{key:"componentWillUnmount",value:function componentWillUnmount(){clearInterval(this._interval)}},{key:"render",value:function render(){var _this$state$layoutInf=this.state.layoutInfo,x=_this$state$layoutInf.x,y=_this$state$layoutInf.y,width=_this$state$layoutInf.width,height=_this$state$layoutInf.height;return _react.default.createElement(_View.default,{style:styles.root},_react.default.createElement(_View.default,{style:styles.left},_react.default.createElement(_Text.default,null,"x: ",x),_react.default.createElement(_Text.default,null,"y: ",y),_react.default.createElement(_Text.default,null,"width: ",width),_react.default.createElement(_Text.default,null,"height: ",height)),_react.default.createElement(_View.default,{style:styles.right},_react.default.createElement(_View.default,{ref:this._setRef,style:styles.container},_react.default.createElement(_View.default,{onLayout:this._handleLayout,style:styles.box}))))}}]),OnLayoutExample}(_react.default.Component);OnLayoutExample.displayName="OnLayoutExample";var _ref2=_react.default.createElement(OnLayoutExample,null);function OnLayout(){return _ref2}OnLayout.displayName="OnLayout";var styles=_StyleSheet.default.create({root:{flexDirection:"row"},container:{height:50},left:{width:100},right:{flex:1},box:{backgroundColor:"#eee",flex:1}});OnLayout.__docgenInfo={description:"",methods:[],displayName:"OnLayout"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/View/examples/OnLayout.js"]={name:"OnLayout",docgenInfo:OnLayout.__docgenInfo,path:"src/components/View/examples/OnLayout.js"})},1602:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=PointerEvents;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableHighlight=_interopRequireDefault(__webpack_require__(154)),_View=_interopRequireDefault(__webpack_require__(3)),log=function(){var _console;(_console=console).log.apply(_console,arguments)},Box=function(_ref){var pointerEvents=_ref.pointerEvents;return _react.default.createElement(_TouchableHighlight.default,{onPress:log,pointerEvents:pointerEvents,style:styles.box,underlayColor:"purple"},_react.default.createElement(_TouchableHighlight.default,{onPress:log,style:styles.content,underlayColor:"orange"},_react.default.createElement(_Text.default,null,pointerEvents)))};Box.displayName="Box";var _ref2=_react.default.createElement(Box,{pointerEvents:"none"}),_ref3=_react.default.createElement(Box,{pointerEvents:"auto"}),_ref4=_react.default.createElement(Box,{pointerEvents:"box-only"}),_ref5=_react.default.createElement(Box,{pointerEvents:"box-none"});function PointerEvents(){return _react.default.createElement(_View.default,{pointerEvents:"box-none"},_react.default.createElement(_View.default,{pointerEvents:"box-none",style:styles.container},_ref2,_ref3,_ref4,_ref5))}PointerEvents.displayName="PointerEvents";var styles=_StyleSheet.default.create({box:{backgroundColor:"#ececec",padding:30,marginVertical:5},content:{backgroundColor:"white",padding:10,borderWidth:1,borderColor:"black",borderStyle:"solid"}});PointerEvents.__docgenInfo={description:"",methods:[],displayName:"PointerEvents"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/View/examples/PointerEvents.js"]={name:"PointerEvents",docgenInfo:PointerEvents.__docgenInfo,path:"src/components/View/examples/PointerEvents.js"})},1603:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(6),__webpack_require__(23);var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),styles=_StyleSheet.default.create({box:{width:100,height:100},border1:{borderWidth:10,borderColor:"brown"},borderRadius:{borderWidth:10,borderRadius:10,borderColor:"cyan"},border2:{borderWidth:10,borderTopColor:"red",borderRightColor:"yellow",borderBottomColor:"green",borderLeftColor:"blue"},border3:{borderColor:"purple",borderTopWidth:10,borderRightWidth:20,borderBottomWidth:30,borderLeftWidth:40},border4:{borderTopWidth:10,borderTopColor:"red",borderRightWidth:20,borderRightColor:"yellow",borderBottomWidth:30,borderBottomColor:"green",borderLeftWidth:40,borderLeftColor:"blue"},border5:{borderRadius:50,borderTopWidth:10,borderTopColor:"red",borderRightWidth:20,borderRightColor:"yellow",borderBottomWidth:30,borderBottomColor:"green",borderLeftWidth:40,borderLeftColor:"blue"},border6:{borderTopWidth:10,borderTopColor:"red",borderRightWidth:20,borderRightColor:"yellow",borderBottomWidth:30,borderBottomColor:"green",borderLeftWidth:40,borderLeftColor:"blue",borderTopLeftRadius:100},border7:{borderWidth:10,borderColor:"#f007",borderRadius:30,overflow:"hidden"},border7_inner:{backgroundColor:"blue",width:100,height:100},border8:{width:60,height:60,borderColor:"black",marginRight:10,backgroundColor:"lightgrey"},border9:{borderWidth:10,borderTopLeftRadius:10,borderBottomRightRadius:20,borderColor:"black"},border10:{borderWidth:10,backgroundColor:"white",borderTopLeftRadius:10,borderBottomRightRadius:20,borderColor:"black",elevation:10},border11:{width:0,height:0,borderStyle:"solid",overflow:"hidden",borderTopWidth:50,borderRightWidth:0,borderBottomWidth:50,borderLeftWidth:100,borderTopColor:"transparent",borderRightColor:"transparent",borderBottomColor:"transparent",borderLeftColor:"red"},border12:{borderStyle:"solid",overflow:"hidden",borderTopWidth:10,borderRightWidth:20,borderBottomWidth:30,borderLeftWidth:40,borderRadius:20},border13:{borderStyle:"solid",overflow:"hidden",borderTopWidth:10,borderRightWidth:20,borderBottomWidth:30,borderLeftWidth:40,borderTopColor:"red",borderRightColor:"green",borderBottomColor:"blue",borderLeftColor:"magenta",borderRadius:20},border14:{borderStyle:"solid",overflow:"hidden",borderTopWidth:10,borderRightWidth:20,borderBottomWidth:30,borderLeftWidth:40,borderTopColor:"red",borderRightColor:"green",borderBottomColor:"blue",borderLeftColor:"magenta",borderTopLeftRadius:10,borderTopRightRadius:40,borderBottomRightRadius:30,borderBottomLeftRadius:40}});exports.title="Border",exports.description="Demonstrates some of the border styles available to Views.",exports.examples=[{title:"Equal-Width / Same-Color",description:"borderWidth & borderColor",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border1]})}},{title:"Equal-Width / Same-Color",description:"borderWidth & borderColor & borderRadius",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.borderRadius]})}},{title:"Equal-Width Borders",description:"borderWidth & border*Color",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border2]})}},{title:"Same-Color Borders",description:"border*Width & borderColor",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border3]})}},{title:"Custom Borders",description:"border*Width & border*Color",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border4]})}},{title:"Custom Borders",description:"border*Width & border*Color",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border5]})}},{title:"Custom Borders",description:"border*Width & border*Color",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border6]})}},{title:"Custom Borders",description:"borderRadius & clipping",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border7]},_react.default.createElement(_View.default,{style:styles.border7_inner}))}},{title:"Single Borders",description:"top, left, bottom right",render:function render(){return _react.default.createElement(_View.default,{style:{flexDirection:"row"}},_react.default.createElement(_View.default,{style:[styles.box,styles.border8,{borderTopWidth:5}]}),_react.default.createElement(_View.default,{style:[styles.box,styles.border8,{borderLeftWidth:5}]}),_react.default.createElement(_View.default,{style:[styles.box,styles.border8,{borderBottomWidth:5}]}),_react.default.createElement(_View.default,{style:[styles.box,styles.border8,{borderRightWidth:5}]}))}},{title:"Corner Radii",description:"borderTopLeftRadius & borderBottomRightRadius",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border9]})}},{title:"Corner Radii / Elevation",description:"borderTopLeftRadius & borderBottomRightRadius & elevation",platform:"android",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border10]})}},{title:"CSS Trick - Triangle",description:"create a triangle by manipulating border colors and widths",render:function render(){return _react.default.createElement(_View.default,{style:[styles.border11]})}},{title:"Curved border(Left|Right|Bottom|Top)Width",description:"Make a non-uniform width curved border",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border12]})}},{title:"Curved border(Left|Right|Bottom|Top)Color",description:"Make a non-uniform color curved border",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border13]})}},{title:"Curved border(Top|Bottom)(Left|Right)Radius",description:"Make a non-uniform radius curved border",render:function render(){return _react.default.createElement(_View.default,{style:[styles.box,styles.border14]})}}]},1604:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=StyleBoxShadow;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3));function StyleBoxShadow(){return _react.default.createElement(_View.default,{style:styles.row},_react.default.createElement(_View.default,{style:[styles.box,styles.shadow1]}),_react.default.createElement(_View.default,{style:[styles.box,styles.shadow2]}),_react.default.createElement(_View.default,{style:[styles.box,styles.shadow1,{borderRadius:50}]}))}StyleBoxShadow.displayName="StyleBoxShadow";var styles=_StyleSheet.default.create({box:{width:100,height:100,borderWidth:2},row:{flexDirection:"row",justifyContent:"space-around"},shadow1:{shadowOpacity:.5,shadowRadius:3,shadowOffset:{width:2,height:2}},shadow2:{shadowOpacity:1,shadowColor:"red",shadowRadius:0,shadowOffset:{width:3,height:3}}});StyleBoxShadow.__docgenInfo={description:"",methods:[],displayName:"StyleBoxShadow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/View/examples/StyleBoxShadow.js"]={name:"StyleBoxShadow",docgenInfo:StyleBoxShadow.__docgenInfo,path:"src/components/View/examples/StyleBoxShadow.js"})},1605:function(module,exports,__webpack_require__){"use strict";var _interopRequireDefault=__webpack_require__(1);__webpack_require__(7),__webpack_require__(2),__webpack_require__(43),__webpack_require__(110),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=StyleFlexbox;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3));function Circle(props){var size=props.size||20,backgroundColor=props.bgColor||"#527fe4";return _react.default.createElement(_View.default,{style:{borderRadius:size/2,backgroundColor:backgroundColor,width:size,height:size,margin:1}})}function CircleBlock(props){return _react.default.createElement(_View.default,{style:[styles.circleBlock,props.style]},props.children)}function Section(props){return _react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:styles.heading},props.title),_react.default.createElement(_View.default,null,props.children))}function Spacer(){return _react.default.createElement(_View.default,{style:styles.spacer})}Circle.displayName="Circle",CircleBlock.displayName="CircleBlock",Section.displayName="Section",Spacer.displayName="Spacer";var _ref=_react.default.createElement(Circle,{bgColor:"#527fe4",key:"blue"}),_ref2=_react.default.createElement(Circle,{bgColor:"#D443E3",key:"violet"}),_ref3=_react.default.createElement(Circle,{bgColor:"#FF9049",key:"orange"}),_ref4=_react.default.createElement(Circle,{bgColor:"#FFE649",key:"yellow"}),_ref5=_react.default.createElement(Circle,{bgColor:"#7FE040",key:"green"}),_ref6=_react.default.createElement(_Text.default,null,"column"),_ref7=_react.default.createElement(_Text.default,null,"column-reverse"),_ref8=_react.default.createElement(_Text.default,null,"row"),_ref9=_react.default.createElement(_Text.default,null,"row-reverse"),_ref10=_react.default.createElement(Spacer,null),_ref11=_react.default.createElement(_Text.default,null,"flex-start"),_ref12=_react.default.createElement(Circle,{size:15}),_ref13=_react.default.createElement(Circle,{size:10}),_ref14=_react.default.createElement(Circle,{size:20}),_ref15=_react.default.createElement(Circle,{size:17}),_ref16=_react.default.createElement(Circle,{size:12}),_ref17=_react.default.createElement(Circle,{size:15}),_ref18=_react.default.createElement(Circle,{size:10}),_ref19=_react.default.createElement(Circle,{size:20}),_ref20=_react.default.createElement(Circle,{size:17}),_ref21=_react.default.createElement(Circle,{size:12}),_ref22=_react.default.createElement(Circle,{size:15}),_ref23=_react.default.createElement(Circle,{size:10}),_ref24=_react.default.createElement(Circle,{size:20}),_ref25=_react.default.createElement(Circle,{size:17}),_ref26=_react.default.createElement(Circle,{size:12}),_ref27=_react.default.createElement(Circle,{size:15}),_ref28=_react.default.createElement(Circle,{size:8}),_ref29=_react.default.createElement(_Text.default,null,"center"),_ref30=_react.default.createElement(Circle,{size:15}),_ref31=_react.default.createElement(Circle,{size:10}),_ref32=_react.default.createElement(Circle,{size:20}),_ref33=_react.default.createElement(Circle,{size:17}),_ref34=_react.default.createElement(Circle,{size:12}),_ref35=_react.default.createElement(Circle,{size:15}),_ref36=_react.default.createElement(Circle,{size:10}),_ref37=_react.default.createElement(Circle,{size:20}),_ref38=_react.default.createElement(Circle,{size:17}),_ref39=_react.default.createElement(Circle,{size:12}),_ref40=_react.default.createElement(Circle,{size:15}),_ref41=_react.default.createElement(Circle,{size:10}),_ref42=_react.default.createElement(Circle,{size:20}),_ref43=_react.default.createElement(Circle,{size:17}),_ref44=_react.default.createElement(Circle,{size:12}),_ref45=_react.default.createElement(Circle,{size:15}),_ref46=_react.default.createElement(Circle,{size:8}),_ref47=_react.default.createElement(_Text.default,null,"flex-end"),_ref48=_react.default.createElement(Circle,{size:15}),_ref49=_react.default.createElement(Circle,{size:10}),_ref50=_react.default.createElement(Circle,{size:20}),_ref51=_react.default.createElement(Circle,{size:17}),_ref52=_react.default.createElement(Circle,{size:12}),_ref53=_react.default.createElement(Circle,{size:15}),_ref54=_react.default.createElement(Circle,{size:10}),_ref55=_react.default.createElement(Circle,{size:20}),_ref56=_react.default.createElement(Circle,{size:17}),_ref57=_react.default.createElement(Circle,{size:12}),_ref58=_react.default.createElement(Circle,{size:15}),_ref59=_react.default.createElement(Circle,{size:10}),_ref60=_react.default.createElement(Circle,{size:20}),_ref61=_react.default.createElement(Circle,{size:17}),_ref62=_react.default.createElement(Circle,{size:12}),_ref63=_react.default.createElement(Circle,{size:15}),_ref64=_react.default.createElement(Circle,{size:8}),_ref65=_react.default.createElement(Spacer,null),_ref66=_react.default.createElement(Spacer,null),_ref67=_react.default.createElement(_Text.default,null,"flex-start"),_ref68=_react.default.createElement(_Text.default,null,"center"),_ref69=_react.default.createElement(_Text.default,null,"flex-end"),_ref70=_react.default.createElement(_Text.default,null,"space-between"),_ref71=_react.default.createElement(_Text.default,null,"space-around");function StyleFlexbox(){var fiveColoredCircles=[_ref,_ref2,_ref3,_ref4,_ref5];return _react.default.createElement(_View.default,null,_react.default.createElement(Section,{title:"flexDirection"},_ref6,_react.default.createElement(CircleBlock,{style:{flexDirection:"column"}},fiveColoredCircles),_ref7,_react.default.createElement(CircleBlock,{style:{flexDirection:"column-reverse"}},fiveColoredCircles),_ref8,_react.default.createElement(CircleBlock,{style:{flexDirection:"row"}},fiveColoredCircles),_ref9,_react.default.createElement(CircleBlock,{style:{flexDirection:"row-reverse"}},fiveColoredCircles)),_ref10,_react.default.createElement(Section,{title:"alignItems (row)"},_ref11,_react.default.createElement(CircleBlock,{style:{alignItems:"flex-start",height:30}},_ref12,_ref13,_ref14,_ref15,_ref16,_ref17,_ref18,_ref19,_ref20,_ref21,_ref22,_ref23,_ref24,_ref25,_ref26,_ref27,_ref28),_ref29,_react.default.createElement(CircleBlock,{style:{alignItems:"center",height:30}},_ref30,_ref31,_ref32,_ref33,_ref34,_ref35,_ref36,_ref37,_ref38,_ref39,_ref40,_ref41,_ref42,_ref43,_ref44,_ref45,_ref46),_ref47,_react.default.createElement(CircleBlock,{style:{alignItems:"flex-end",height:30}},_ref48,_ref49,_ref50,_ref51,_ref52,_ref53,_ref54,_ref55,_ref56,_ref57,_ref58,_ref59,_ref60,_ref61,_ref62,_ref63,_ref64)),_ref65,_react.default.createElement(Section,{title:"flexWrap (row)"},_react.default.createElement(CircleBlock,{style:{flexWrap:"wrap"}},["o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o","o"].map((function(_char,i){return _react.default.createElement(Circle,{key:i})})))),_ref66,_react.default.createElement(Section,{title:"justifyContent (row)"},_ref67,_react.default.createElement(CircleBlock,{style:{justifyContent:"flex-start"}},fiveColoredCircles),_ref68,_react.default.createElement(CircleBlock,{style:{justifyContent:"center"}},fiveColoredCircles),_ref69,_react.default.createElement(CircleBlock,{style:{justifyContent:"flex-end"}},fiveColoredCircles),_ref70,_react.default.createElement(CircleBlock,{style:{justifyContent:"space-between"}},fiveColoredCircles),_ref71,_react.default.createElement(CircleBlock,{style:{justifyContent:"space-around"}},fiveColoredCircles)))}StyleFlexbox.displayName="StyleFlexbox";var styles=_StyleSheet.default.create({circleBlock:{flexDirection:"row",backgroundColor:"#f6f7f8",borderWidth:.5,borderColor:"#d6d7da",marginBottom:2},heading:{fontWeight:"bold",marginBottom:"0.5rem"},spacer:{height:"1.5rem"}});StyleFlexbox.__docgenInfo={description:"",methods:[],displayName:"StyleFlexbox"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/View/examples/StyleFlexbox.js"]={name:"StyleFlexbox",docgenInfo:StyleFlexbox.__docgenInfo,path:"src/components/View/examples/StyleFlexbox.js"})},1606:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(20),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=Style;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableWithoutFeedback=_interopRequireDefault(__webpack_require__(198)),_View=_interopRequireDefault(__webpack_require__(3)),ZIndex=function(_React$Component){function ZIndex(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,ZIndex);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ZIndex)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{flipped:!1}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handlePress",(function(){_this.setState({flipped:!_this.state.flipped})})),_this}return(0,_inherits2.default)(ZIndex,_React$Component),(0,_createClass2.default)(ZIndex,[{key:"render",value:function render(){var indices=this.state.flipped?[-1,0,1,2]:[2,1,0,-1];return _react.default.createElement(_TouchableWithoutFeedback.default,{onPress:this._handlePress},_react.default.createElement(_View.default,null,_react.default.createElement(_Text.default,{style:{paddingBottom:10}},"Tap to flip sorting order"),_react.default.createElement(_View.default,{style:[styles.zIndex,{marginTop:0,backgroundColor:"#E57373",zIndex:indices[0]}]},_react.default.createElement(_Text.default,null,"ZIndex ",indices[0])),_react.default.createElement(_View.default,{style:[styles.zIndex,{marginLeft:50,backgroundColor:"#FFF176",zIndex:indices[1]}]},_react.default.createElement(_Text.default,null,"ZIndex ",indices[1])),_react.default.createElement(_View.default,{style:[styles.zIndex,{marginLeft:100,backgroundColor:"#81C784",zIndex:indices[2]}]},_react.default.createElement(_Text.default,null,"ZIndex ",indices[2])),_react.default.createElement(_View.default,{style:[styles.zIndex,{marginLeft:150,backgroundColor:"#64B5F6",zIndex:indices[3]}]},_react.default.createElement(_Text.default,null,"ZIndex ",indices[3]))))}}]),ZIndex}(_react.default.Component);ZIndex.displayName="ZIndex";var _ref=_react.default.createElement(ZIndex,null);function Style(){return _ref}Style.displayName="Style";var styles=_StyleSheet.default.create({zIndex:{justifyContent:"space-around",width:100,height:50,marginTop:-10}});Style.__docgenInfo={description:"",methods:[],displayName:"Style"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/View/examples/StyleZIndex.js"]={name:"Style",docgenInfo:Style.__docgenInfo,path:"src/components/View/examples/StyleZIndex.js"})},1607:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Accessibility",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"accessibility"},"Accessibility"),(0,_react2.mdx)("p",null,"On the Web, assistive technologies (e.g., VoiceOver, TalkBack screen readers)\nderive useful information about the structure, purpose, and interactivity of\napps from their ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"http://www.html5accessibility.com/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"HTML elements"),", attributes, and ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://w3c.github.io/aria-in-html/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"ARIA\nin HTML"),". React Native for Web includes APIs designed to\nprovide developers with support for making apps more accessible. The most\ncommon and best supported accessibility features of the Web are exposed as the\nprops: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessible"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityLabel"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityLiveRegion"),",\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityRole"),", and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"importantForAccessibility"),"."),(0,_react2.mdx)("h2",{id:"accessibility-properties"},"Accessibility properties"),(0,_react2.mdx)("h3",{id:"accessibilitylabel"},"accessibilityLabel"),(0,_react2.mdx)("p",null,"Overrides the text that's read by a screen reader when a person interacts with\nthe element. (This is implemented using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"aria-label"),".)"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'<View accessibilityLabel="Timeline: trending topics">\n <View>...</View>\n</View>\n')),(0,_react2.mdx)("h3",{id:"accessibilityliveregion-assertive--none--polite"},"accessibilityLiveRegion: 'assertive' | 'none' | 'polite'"),(0,_react2.mdx)("p",null,"Allows assistive technologies to announce dynamic changes to a view. The values\nof this attribute are expressed in degrees of importance. When regions are\nspecified as ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"polite")," (recommended), updates take low priority. When regions are\nspecified as ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"assertive"),", assistive technologies will interrupt and immediately\nannounce the change. (This is implemented using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"aria-live"),".)"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"none"),": Accessibility services should not announce changes to this view."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"polite"),": Accessibility services should announce changes to this view."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},"assertive"),": Accessibility services should interrupt ongoing speech to immediately announce changes to this view.")),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'<Text accessibilityLiveRegion="polite">\n Clicked {count} times\n</Text>\n')),(0,_react2.mdx)("h3",{id:"accessibilityrole-string"},"accessibilityRole: ?string"),(0,_react2.mdx)("p",null,'Indicates to assistive technologies how to describe the view, e.g., that it is a "button".'),(0,_react2.mdx)("p",null,"Allows assistive technologies to present and support interaction with the view\nin a manner that is consistent with user expectations for similar views of that\ntype. For example, marking a touchable view with an accessibilityRole of button.\n(This is implemented using ARIA roles.)"),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityRole")," prop is used to infer an ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"http://www.w3.org/TR/html-aria/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"analogous HTML\nelement")," and ARIA ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"role"),", where possible. In most cases, both\nthe element and ARIA ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"role")," are rendered. While this may contradict some ARIA\nrecommendations, it also helps avoid certain browser bugs, HTML5 conformance\nerrors, and accessibility anti-patterns (e.g., giving a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"heading")," role to a\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"button")," element)."),(0,_react2.mdx)("p",null,"Straight-forward examples:"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<View accessibilityRole="article" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},'<article role="article" />'),"."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<View accessibilityRole="banner" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},'<header role="banner" />'),"."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<Text accessibilityRole="label" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"<label />"),"."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<Text accessibilityRole="link" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},'<a role="link" />'),"."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<View accessibilityRole="main" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},'<main role="main" />'),".")),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"heading")," role can be combined with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"aria-level"),":"),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<Text accessibilityRole="heading" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"<h1 />"),"."),(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<Text accessibilityRole="heading" aria-level="3" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},"<h3 />"),".")),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"button")," role renders an accessible button but is not implemented using the\nnative ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"button")," element due to some browsers limiting the use of flexbox layout\non its children."),(0,_react2.mdx)("ul",null,(0,_react2.mdx)("li",{parentName:"ul"},(0,_react2.mdx)("inlineCode",{parentName:"li"},'<View accessibilityRole="button" />')," => ",(0,_react2.mdx)("inlineCode",{parentName:"li"},'<div role="button" tabIndex="0" />'),".")),(0,_react2.mdx)("p",null,"Note: Avoid changing ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityRole")," values over time or after user\nactions. Generally, accessibility APIs do not provide a means of notifying\nassistive technologies of a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"role")," value change."),(0,_react2.mdx)("h3",{id:"accessibilitystate-object"},"accessibilityState: ?object"),(0,_react2.mdx)("p",null,"..."),(0,_react2.mdx)("h3",{id:"accessibilityvalue-object"},"accessibilityValue: ?object"),(0,_react2.mdx)("p",null,"..."),(0,_react2.mdx)("h3",{id:"accessible"},"accessible"),(0,_react2.mdx)("p",null,"When ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),', indicates that the view is an accessibility element. When a view\nis an accessibility element, it groups its children into a single focusable\ncomponent. By default, all touchable elements, buttons, and links are\n"accessible". Prefer using ',(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityRole")," (e.g., ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"button"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"link"),") to\ncreate focusable HTML elements wherever possible. On web, ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessible={true}"),"\nis implemented using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"tabIndex"),"."),(0,_react2.mdx)("p",null,"When ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"true"),", indicates that the view is an accessibility element (i.e.,\nfocusable) and groups its child content. By default, all the touchable elements\nand elements with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityRole")," of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"button")," and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"link")," are accessible.\n(This is implemented using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"tabindex"),".)"),(0,_react2.mdx)("h3",{id:"importantforaccessibility"},"importantForAccessibility"),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"importantForAccessibility")," property controls if a view appears in the\naccessibility tree and if it is reported to accessibility services. On web, a\nvalue of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"no")," will remove a focusable element from the tab flow, and a value of\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"no-hide-descendants")," will also hide the entire subtree from assistive\ntechnologies. (This is implemented using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"aria-hidden"),")."),(0,_react2.mdx)("h3",{id:"nativeid"},"nativeID"),(0,_react2.mdx)("p",null,"Used to locate this view from any native DOM code, or to define accessibility\nrelationships. This is rendered to the native ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"id")," DOM attribute."),(0,_react2.mdx)("h2",{id:"additional-topics"},"Additional topics"),(0,_react2.mdx)("h3",{id:"spatial-navigation"},"Spatial navigation"),(0,_react2.mdx)("p",null,"Focus-based web UIs, e.g., for TVs and Game Consoles can implement ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS_for_TV/TV_remote_control_navigation",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"TV remote\ncontrol navigation"),"\noutside of React using existing directional-focus libraries. Every DOM element\nthat React Native considers focusable can be matched by the attribute\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},'data-focusable="true"'),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const focusableElements = document.querySelectorAll('[data-focusable=\"true\"]');\n")),(0,_react2.mdx)("h3",{id:"other-aria-properties"},"Other ARIA properties"),(0,_react2.mdx)("p",null,"Other ARIA properties can be set via ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"./direct-manipulation.md"}),"direct\nmanipulation")," or props (this may change in the\nfuture)."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Accessibility",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1608:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Client-side",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"client-side-rendering"},"Client-side rendering"),(0,_react2.mdx)("p",null,"Render apps using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"AppRegistry"),":"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"// index.web.js\n\nimport App from './src/App';\nimport React from 'react';\nimport { AppRegistry } from 'react-native';\n\n// register the app\nAppRegistry.registerComponent('App', () => App);\n\nAppRegistry.runApplication('App', {\n initialProps: {},\n rootTag: document.getElementById('react-app')\n});\n")),(0,_react2.mdx)("p",null,"Or render individual components:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import AppHeader from './src/AppHeader';\nimport React from 'react';\nimport { render } from 'react-native';\n\nrender(<AppHeader />, document.getElementById('react-app-header'))\n")),(0,_react2.mdx)("p",null,"You might need to adjust the styles of the HTML document's root elements for\nyour app to fill the viewport."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-html"}),'<html style="height:100%">\n<body style="height:100%">\n<div id="react-root" style="display:flex;height:100%"></div>\n')),(0,_react2.mdx)("p",null,"NOTE: Components will also be rendered within a tree produced by calling\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"ReactDOM.render")," (i.e., an existing web app), but it is not recommended."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Client-side",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1609:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Direct manipulation",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"direct-manipulation"},"Direct manipulation"),(0,_react2.mdx)("p",null,"React Native provides several methods to directly access the underlying host\nnode. This can be useful when you need to make changes directly to a component\nwithout using state/props to trigger a re-render of the entire subtree, or when\nyou want to focus a view or measure its on-screen dimensions."),(0,_react2.mdx)("p",null,"The methods described are available on most of the default components provided\nby React Native for Web. Note, however, that they are ",(0,_react2.mdx)("em",{parentName:"p"},"not")," available on the composite\ncomponents that you define in your own app."),(0,_react2.mdx)("h2",{id:"instance-methods"},"Instance methods"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"blur"),"()"),(0,_react2.mdx)("p",null,"Removes focus from an input or view. This is the opposite of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"focus()"),"."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"focus"),"()"),(0,_react2.mdx)("p",null,"Requests focus for the given input or view. The exact behavior triggered will\ndepend the type of view."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"measure"),"(callback: (x, y, width, height, pageX, pageY) => void)"),(0,_react2.mdx)("p",null,"For a given view, ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"measure")," determines the offset relative to the parent view,\nwidth, height, and the offset relative to the viewport. Returns the values via\nan async callback."),(0,_react2.mdx)("p",null,"Note that these measurements are not available until after the rendering has\nbeen completed."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"measureLayout"),"(relativeToNativeNode: DOMNode, onSuccess: (x, y, width, height) => void)"),(0,_react2.mdx)("p",null,"Like ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"measure"),", but measures the view relative to another view, specified as\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"relativeToNativeNode"),". This means that the returned ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"x"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"y")," are relative to\nthe origin ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"x"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"y")," of the ancestor view."),(0,_react2.mdx)("p",null,"As always, to obtain a native node handle for a component, you can use\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"findNodeHandle(component)"),"."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"measureInWindow"),"(callback: (x, y, width, height) => void)"),(0,_react2.mdx)("p",null,"Determines the location of the given view in the window and returns the values\nvia an async callback."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("strong",{parentName:"p"},"setNativeProps"),"(nativeProps: Object)"),(0,_react2.mdx)("p",null,"This function sends props straight to the underlying DOM node."),(0,_react2.mdx)("h2",{id:"about-setnativeprops"},"About ",(0,_react2.mdx)("inlineCode",{parentName:"h2"},"setNativeProps")),(0,_react2.mdx)("p",null,(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," is the React Native equivalent to setting properties directly\non a DOM node. Use direct manipulation when frequent re-rendering creates a\nperformance bottleneck. Direct manipulation will not be a tool that you reach\nfor frequently."),(0,_react2.mdx)("h3",{id:"setnativeprops-and-shouldcomponentupdate"},(0,_react2.mdx)("inlineCode",{parentName:"h3"},"setNativeProps")," and ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"shouldComponentUpdate")),(0,_react2.mdx)("p",null,(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," is imperative and stores state in the native layer (DOM,\nUIView, etc.) and not within your React components, which makes your code more\ndifficult to reason about. Before you use it, try to solve your problem with\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setState")," and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"shouldComponentUpdate"),"."),(0,_react2.mdx)("h3",{id:"avoiding-conflicts-with-the-render-function"},"Avoiding conflicts with the render function"),(0,_react2.mdx)("p",null,"If you update a property that is also managed by the render function, you might\nend up with some unpredictable and confusing bugs because anytime the component\nre-renders and that property changes, whatever value was previously set from\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," will be completely ignored and overridden."),(0,_react2.mdx)("h3",{id:"why-use-setnativeprops-on-web"},"Why use ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"setNativeProps")," on Web?"),(0,_react2.mdx)("p",null,"Using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," in web-specific code is required when making changes to\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"className")," or ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"style"),", as these properties are controlled by React Native for\nWeb and setting them directly may cause unintended rendering issues."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"setOpacityTo(value) {\n this._childElement.setNativeProps({\n style: { opacity: value }\n })\n}\n")),(0,_react2.mdx)("h3",{id:"composite-components-and-setnativeprops"},"Composite components and ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"setNativeProps")),(0,_react2.mdx)("p",null,"Composite components are not backed by a DOM node, so you cannot call\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," on them. Consider this example:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'const MyButton = (props) => (\n <View>\n <Text>{props.label}</Text>\n </View>\n)\n\nconst App = () => (\n <TouchableOpacity>\n <MyButton label="Press me!" />\n </TouchableOpacity>\n)\n')),(0,_react2.mdx)("p",null,"If you run this you will immediately see this error: ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Touchable")," child must\neither be native or forward ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," to a native component. This occurs\nbecause ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"MyButton")," isn't directly backed by a native view whose opacity should\nbe set. You can think about it like this: if you define a component with\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"React.Component/createClass")," you would not expect to be able to set a style\nprop on it and have that work - you would need to pass the style prop down to a\nchild, unless you are wrapping a native component. Similarly, we are going to\nforward ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," to a native-backed child component."),(0,_react2.mdx)("h3",{id:"forward-setnativeprops-to-a-child"},"Forward ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"setNativeProps")," to a child"),(0,_react2.mdx)("p",null,"All we need to do is provide a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," method on our component that\ncalls ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," on the appropriate child with the given arguments."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"class MyButton extends React.Component {\n setNativeProps(nativeProps) {\n this._root.setNativeProps(nativeProps)\n }\n\n render() {\n return (\n <View ref={component => this._root = component}>\n <Text>{this.props.label}</Text>\n </View>\n )\n }\n}\n")),(0,_react2.mdx)("p",null,"You can now use ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"MyButton")," inside of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TouchableOpacity"),"!"),(0,_react2.mdx)("h3",{id:"setnativeprops-to-clear-textinput-value"},(0,_react2.mdx)("inlineCode",{parentName:"h3"},"setNativeProps")," to clear ",(0,_react2.mdx)("inlineCode",{parentName:"h3"},"TextInput")," value"),(0,_react2.mdx)("p",null,"Another very common use case of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps")," is to clear the value of a\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"TextInput"),". For example, the following code demonstrates clearing the input\nwhen you tap a button:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"class App extends React.Component {\n _handlePress() {\n this._textInput.setNativeProps({ text: '' })\n }\n\n render() {\n return (\n <View style={styles.container}>\n <TextInput\n ref={component => this._textInput = component}\n style={styles.textInput}\n />\n <TouchableOpacity onPress={this._handlePress.bind(this)}>\n <Text>Clear text</Text>\n </TouchableOpacity>\n </View>\n )\n }\n}\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Direct manipulation",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},161:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return Dimensions}));var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(24),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__),win=fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM?window:{devicePixelRatio:void 0,innerHeight:void 0,innerWidth:void 0,screen:{height:void 0,width:void 0}},dimensions={},listeners={},Dimensions=function(){function Dimensions(){}return Dimensions.get=function get(dimension){return fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(dimensions[dimension],"No dimension set for key "+dimension),dimensions[dimension]},Dimensions.set=function set(initialDimensions){initialDimensions&&(fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM?fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(!1,"Dimensions cannot be set in the browser"):(dimensions.screen=initialDimensions.screen,dimensions.window=initialDimensions.window))},Dimensions._update=function _update(){dimensions.window={fontScale:1,height:win.innerHeight,scale:win.devicePixelRatio||1,width:win.innerWidth},dimensions.screen={fontScale:1,height:win.screen.height,scale:win.devicePixelRatio||1,width:win.screen.width},Array.isArray(listeners.change)&&listeners.change.forEach((function(handler){return handler(dimensions)}))},Dimensions.addEventListener=function addEventListener(type,handler){listeners[type]=listeners[type]||[],listeners[type].push(handler)},Dimensions.removeEventListener=function removeEventListener(type,handler){Array.isArray(listeners[type])&&(listeners[type]=listeners[type].filter((function(_handler){return _handler!==handler})))},Dimensions}();Dimensions._update(),fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM&&window.addEventListener("resize",Dimensions._update,!1)},1610:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Internationalization",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"internationalization"},"Internationalization"),(0,_react2.mdx)("p",null,"To support right-to-left languages, application layout can be automatically\nflipped from LTR to RTL. The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"I18nManager")," API can be used to help with more\nfine-grained control and testing of RTL layouts."),(0,_react2.mdx)("h2",{id:"working-with-icons-and-images"},"Working with icons and images"),(0,_react2.mdx)("p",null,"Icons and images that must match the LTR or RTL layout of the app need to be manually flipped."),(0,_react2.mdx)("p",null,"Either use a transform style:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"<Image\n source={...}\n style={{ transform: [{ scaleX: I18nManager.isRTL ? -1 : 1 }] }}\n/>\n")),(0,_react2.mdx)("p",null,"Or replace the source asset:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import imageSourceLTR from './back.png';\nimport imageSourceRTL from './forward.png';\n\n<Image\n source={I18nManager.isRTL ? imageSourceRTL : imageSourceLTR}\n/>\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Internationalization",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1611:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Multi-platform",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"multi-platform-applications"},"Multi-platform applications"),(0,_react2.mdx)("p",null,"If you are interested in making a multi-platform app it is strongly recommended\nthat you use Expo. Recent Expo releases include ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://docs.expo.io/versions/v35.0.0/guides/running-in-the-browser/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"web\nsupport"),"\nand take care of all the configuration work required."),(0,_react2.mdx)("h2",{id:"web-specific-code"},"Web-specific code"),(0,_react2.mdx)("p",null,"Minor platform differences can use the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Platform")," module."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import { Platform } from 'react-native';\n\nconst styles = StyleSheet.create({\n height: (Platform.OS === 'web') ? 200 : 100,\n});\n")),(0,_react2.mdx)("p",null,"More significant platform differences should use platform-specific files (see\nthe webpack configuration below for resolving ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"*.web.js")," files):"),(0,_react2.mdx)("p",null,"For example, with the following files in your project:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"MyComponent.android.js\nMyComponent.ios.js\nMyComponent.web.js\n")),(0,_react2.mdx)("p",null,"And the following import:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import MyComponent from './MyComponent';\n")),(0,_react2.mdx)("p",null,"React Native will automatically import the correct variant for each specific\ntarget platform."),(0,_react2.mdx)("h2",{id:"web-packaging-for-existing-react-native-apps"},"Web packaging for existing React Native apps"),(0,_react2.mdx)("p",null,"What follows is merely an ",(0,_react2.mdx)("em",{parentName:"p"},"example")," of one basic way to package a web app using\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://webpack.js.org",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Webpack")," and ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://babeljs.io/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Babel"),". (You can\nalso use the React Native bundler, ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/facebook/metro",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Metro"),",\nto build web apps although it is not officially supported: see\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/necolas/react-native-web/issues/1257#issuecomment-541443684",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"#1257"),".)"),(0,_react2.mdx)("p",null,"Packaging web apps is subtly different to packaging React Native apps and is\ncomplicated by the need to tree-shake and code-split non-trivial apps."),(0,_react2.mdx)("p",null,"Install webpack-related dependencies, for example:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"yarn add --dev babel-loader url-loader webpack webpack-cli webpack-dev-server\n")),(0,_react2.mdx)("p",null,'React Native\'s Babel preset rewrites ES modules to CommonJS modules, preventing\nbundlers from automatically performing "tree-shaking" to remove unused modules\nfrom your web app build. To help with this, you can install the following Babel\nplugin:'),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"yarn add --dev babel-plugin-react-native-web\n")),(0,_react2.mdx)("p",null,"Create a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"web/webpack.config.js")," file:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"// web/webpack.config.js\n\nconst path = require('path');\nconst webpack = require('webpack');\n\nconst appDirectory = path.resolve(__dirname, '../');\n\n// This is needed for webpack to compile JavaScript.\n// Many OSS React Native packages are not compiled to ES5 before being\n// published. If you depend on uncompiled packages they may cause webpack build\n// errors. To fix this webpack can be configured to compile to the necessary\n// `node_module`.\nconst babelLoaderConfiguration = {\n test: /\\.js$/,\n // Add every directory that needs to be compiled by Babel during the build.\n include: [\n path.resolve(appDirectory, 'index.web.js'),\n path.resolve(appDirectory, 'src'),\n path.resolve(appDirectory, 'node_modules/react-native-uncompiled')\n ],\n use: {\n loader: 'babel-loader',\n options: {\n cacheDirectory: true,\n // The 'react-native' preset is recommended to match React Native's packager\n presets: ['react-native'],\n // Re-write paths to import only the modules needed by the app\n plugins: ['react-native-web']\n }\n }\n};\n\n// This is needed for webpack to import static images in JavaScript files.\nconst imageLoaderConfiguration = {\n test: /\\.(gif|jpe?g|png|svg)$/,\n use: {\n loader: 'url-loader',\n options: {\n name: '[name].[ext]'\n }\n }\n};\n\nmodule.exports = {\n entry: [\n // load any web API polyfills\n // path.resolve(appDirectory, 'polyfills-web.js'),\n // your web-specific entry file\n path.resolve(appDirectory, 'index.web.js')\n ],\n\n // configures where the build ends up\n output: {\n filename: 'bundle.web.js',\n path: path.resolve(appDirectory, 'dist')\n },\n\n // ...the rest of your config\n\n module: {\n rules: [\n babelLoaderConfiguration,\n imageLoaderConfiguration\n ]\n },\n\n resolve: {\n // This will only alias the exact import \"react-native\"\n alias: {\n 'react-native$': 'react-native-web'\n },\n // If you're working on a multi-platform React Native app, web-specific\n // module implementations should be written in files using the extension\n // `.web.js`.\n extensions: [ '.web.js', '.js' ]\n }\n}\n")),(0,_react2.mdx)("p",null,"To run in development from the root of your application:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"./node_modules/.bin/webpack-dev-server -d --config ./web/webpack.config.js --inline --hot --colors\n")),(0,_react2.mdx)("p",null,"To build for production:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"./node_modules/.bin/webpack -p --config ./web/webpack.config.js\n")),(0,_react2.mdx)("p",null,"Please refer to the Webpack documentation for more information on configuration."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Multi-platform",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1612:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Server-side",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"server-side-rendering"},"Server-side rendering"),(0,_react2.mdx)("p",null,"Server-side rendering to HTML is supported using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"AppRegistry"),":"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'import App from \'./src/App\';\nimport ReactDOMServer from \'react-dom/server\';\nimport { AppRegistry } from \'react-native-web\';\n\n// register the app\nAppRegistry.registerComponent(\'App\', () => App);\n\n// prerender the app\nconst { element, getStyleElement } = AppRegistry.getApplication(\'App\', { initialProps });\n// first the element\nconst html = ReactDOMServer.renderToString(element);\n// then the styles (optionally include a nonce if your CSP policy requires it)\nconst css = ReactDOMServer.renderToStaticMarkup(getStyleElement({ nonce }));\n\n// example HTML document string\nconst document = `\n<!DOCTYPE html>\n<html style="height:100%">\n<meta charset="utf-8">\n<meta name="viewport" content="width=device-width, initial-scale=1">\n${css}\n<body style="height:100%; overflow-y:hidden">\n<div id="root" style="display:flex; height: 100%">\n${html}\n</div>\n<script nonce="${nonce}" src="${bundlePath}"><\/script>\n`\n')))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Server-side",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1613:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Style",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"style"},"Style"),(0,_react2.mdx)("p",null,"React Native relies on JavaScript to define and resolve the styles of your\napplication. React Native for Web implements the React Native style API in a\nway that avoids ",(0,_react2.mdx)("em",{parentName:"p"},"all")," the ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://speakerdeck.com/vjeux/react-css-in-js",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"problems with CSS at\nscale"),":"),(0,_react2.mdx)("ol",null,(0,_react2.mdx)("li",{parentName:"ol"},"No local variables."),(0,_react2.mdx)("li",{parentName:"ol"},"Implicit dependencies."),(0,_react2.mdx)("li",{parentName:"ol"},"No dead code elimination."),(0,_react2.mdx)("li",{parentName:"ol"},"No code minification."),(0,_react2.mdx)("li",{parentName:"ol"},"No sharing of constants."),(0,_react2.mdx)("li",{parentName:"ol"},"Non-deterministic resolution."),(0,_react2.mdx)("li",{parentName:"ol"},"No isolation.")),(0,_react2.mdx)("p",null,"At the same time, it has several benefits:"),(0,_react2.mdx)("ol",null,(0,_react2.mdx)("li",{parentName:"ol"},"Simple API and expressive subset of CSS."),(0,_react2.mdx)("li",{parentName:"ol"},"Generates CSS; the minimum required."),(0,_react2.mdx)("li",{parentName:"ol"},"Good runtime performance."),(0,_react2.mdx)("li",{parentName:"ol"},"Support for static and dynamic styles."),(0,_react2.mdx)("li",{parentName:"ol"},"Support for RTL layouts."),(0,_react2.mdx)("li",{parentName:"ol"},"Easy pre-rendering of critical CSS.")),(0,_react2.mdx)("h2",{id:"defining-styles"},"Defining styles"),(0,_react2.mdx)("p",null,"Styles should be defined outside of the component. Using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"StyleSheet.create")," is\noptional but provides the best performance (by relying on generated CSS\nstylesheets). Avoid creating unregistered style objects."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const styles = StyleSheet.create({\n heading: {\n color: 'gray',\n fontSize: '2rem'\n },\n text: {\n marginTop: '1rem',\n margin: 10\n }\n})\n")),(0,_react2.mdx)("p",null,"See the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"style")," documentation of individual components for supported properties."),(0,_react2.mdx)("p",null,"NOTE: React Native does not yet support ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"rem")," or ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"em")," units."),(0,_react2.mdx)("h2",{id:"using-styles"},"Using styles"),(0,_react2.mdx)("p",null,"All the React Native components accept a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"style")," property. The value can be a\nregistered object, a plain object, or an array."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"// registered object\n<View style={styles.view} />\n\n// plain object\n<View style={{ transform: [ { translateX } ] }} />\n\n// array of registered or plain objects\n<View style={[ styles.container, props.style ]} />\n")),(0,_react2.mdx)("p",null,"The array syntax will merge styles from left-to-right as normal JavaScript\nobjects, and can be used to conditionally apply styles:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"<View style={[\n styles.container,\n state.active && styles.active\n]} />\n")),(0,_react2.mdx)("p",null,"When styles are registered with ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"StyleSheet.create"),", the return value is a\nnumber and not a style object. This is important for performance optimizations,\nbut still allows you to merge styles in a deterministic manner at runtime. If\nyou need access to the underlying style objects you need to use\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"StyleSheet.flatten")," (but be aware that this is not the optimized path)."),(0,_react2.mdx)("h2",{id:"composing-styles"},"Composing styles"),(0,_react2.mdx)("p",null,"To let other components customize the style of a component's children you can\nexpose a prop so styles can be explicitly passed into the component."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import { View } from 'react-native';\n\ntype ViewProps = $PropertyType<View, 'props'>;\ntype ViewStyle = $PropertyType<ViewProps, 'style'>;\ntype Props = {\n elementStyle: ViewStyle,\n style: ViewStyle,\n};\n\nexport default function List(props: Props) {\n return (\n <View style={props.style}>\n {elements.map((element) =>\n <View style={[ styles.element, props.elementStyle ]} />\n )}\n </View>\n );\n}\n")),(0,_react2.mdx)("p",null,"In another file:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"<List elementStyle={styles.listElement} style={styles.list} />\n")),(0,_react2.mdx)("p",null,"You also have much greater control over how styles are composed when compared\nto using class names. For example, you may choose to accept a limited subset\nof style props in the component's API, and control when they are applied."),(0,_react2.mdx)("h2",{id:"how-styles-are-resolved"},"How styles are resolved"),(0,_react2.mdx)("p",null,"React Native style resolution is deterministic and slightly different from CSS."),(0,_react2.mdx)("p",null,"In the following HTML/CSS example, the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},".margin")," selector is defined last in\nthe CSS and takes precedence over the previous rules, resulting in a margin of\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"0, 0, 0, 0"),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-html"}),'<style>\n .marginTop { margin-top: 10px; }\n .marginBottom { margin-bottom: 20px; }\n .margin { margin: 0; }\n</style>\n\n<div class="marginTop marginBottom margin"></div>\n')),(0,_react2.mdx)("p",null,"But in React Native the most ",(0,_react2.mdx)("em",{parentName:"p"},"precise")," style property takes precedence,\nresulting in margins of ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"10, 0, 20, 0"),"."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const style = [\n { marginTop: 10 },\n { marginBottom: 20 },\n { margin: 0 }\n];\n\nconst Box = () => <View style={style} />\n")),(0,_react2.mdx)("h2",{id:"implementation-details"},"Implementation details"),(0,_react2.mdx)("p",null,"React Native for Web transforms React Native styles into React DOM styles. Any\nstyles defined using ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"StyleSheet.create")," will ultimately be rendered using CSS\nclass names."),(0,_react2.mdx)("p",null,'React Native for Web introduced a novel strategy to achieve this. Each rule is\nbroken down into declarations, properties are expanded to their long-form, and\nthe resulting key-value pairs are mapped to unique "atomic CSS" class names.'),(0,_react2.mdx)("p",null,"Input:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"const Box = () => <View style={styles.box} />\n\nconst styles = StyleSheet.create({\n box: {\n margin: 0\n }\n});\n")),(0,_react2.mdx)("p",null,"Output:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-html"}),'<style>\n .rn-1mnahxq { margin-top: 0px; }\n .rn-61z16t { margin-right: 0px; }\n .rn-p1pxzi { margin-bottom: 0px; }\n .rn-11wrixw { margin-left: 0px; }\n</style>\n\n<div class="rn-156q2ks rn-61z16t rn-p1pxzi rn-11wrixw"></div>\n')),(0,_react2.mdx)("p",null,"This ensures that CSS order doesn't impact rendering and CSS rules are\nefficiently deduplicated. Rather than the total CSS growing in proportion to\nthe number of ",(0,_react2.mdx)("em",{parentName:"p"},"rules"),", it grows in proportion to the number of ",(0,_react2.mdx)("em",{parentName:"p"},"unique\ndeclarations"),". As a result, the DOM style sheet is only written to when new\nunique declarations are defined and it is usually small enough to be\npre-rendered and inlined."),(0,_react2.mdx)("p",null,"Class names are deterministic, which means that the resulting CSS and HTML is\nconsistent across builds – important for large apps using code-splitting and\ndeploying incremental updates."),(0,_react2.mdx)("p",null,"At runtime registered styles are resolved to DOM style props and memoized.\nAny dynamic styles that contain declarations previously registered as static\nstyles can also be converted to CSS class names. Otherwise, they render as\ninline styles."),(0,_react2.mdx)("p",null,"All this allows React Native for Web to support the rich functionality of React\nNative styles (including RTL layouts and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"setNativeProps"),") while providing one\nof the ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/necolas/react-native-web/blob/master/packages/benchmarks/README.md",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"fastest"),",\nsafest, and most efficient styles-in-JavaScript solutions."),(0,_react2.mdx)("h2",{id:"faqs"},"FAQs"),(0,_react2.mdx)("h3",{id:"what-about-media-queries"},"What about Media Queries?"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("inlineCode",{parentName:"p"},"StyleSheet.create")," is a way of defining the styles your application requires;\nit does not concern itself with ",(0,_react2.mdx)("em",{parentName:"p"},"where")," or ",(0,_react2.mdx)("em",{parentName:"p"},"when")," those styles are applied to\nelements."),(0,_react2.mdx)("p",null,"Media Queries may not be most appropriate for component-based designs. React\nNative provides the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Dimensions")," API and the component-scoped ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onLayout")," prop."),(0,_react2.mdx)("p",null,"If you do choose to use Media Queries, using them in JavaScript via the\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"matchMedia")," DOM API has the benefit of allowing you to swap out entire\ncomponents, not just styles."),(0,_react2.mdx)("h3",{id:"what-about-pseudo-classes-and-pseudo-elements"},"What about pseudo-classes and pseudo-elements?"),(0,_react2.mdx)("p",null,"Pseudo-classes like ",(0,_react2.mdx)("inlineCode",{parentName:"p"},":hover")," and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},":focus")," can be implemented with events (e.g.\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"onFocus"),"). Pseudo-elements are not supported; elements should be used instead."),(0,_react2.mdx)("h3",{id:"do-i-need-a-css-reset"},"Do I need a CSS reset?"),(0,_react2.mdx)("p",null,"No. React Native for Web includes a very small CSS reset that removes unwanted\nUser Agent styles from (pseudo-)elements beyond the reach of React (e.g.,\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"html"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"body"),") or inline styles (e.g., ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"::-moz-focus-inner"),"). The rest is\nhandled at the component-level."),(0,_react2.mdx)("h3",{id:"what-about-using-dev-tools"},"What about using Dev Tools?"),(0,_react2.mdx)("p",null,"React Dev Tools supports inspecting and editing of React Native styles. It's\nrecommended that you rely more on React Dev Tools and live/hot-reloading rather\nthan inspecting and editing the DOM directly."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Style",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1614:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Unstable uses",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"unstable-apis"},"Unstable APIs"),(0,_react2.mdx)("h2",{id:"use-with-existing-react-dom-components"},"Use with existing React DOM components"),(0,_react2.mdx)("p",null,"React Native for Web exports a web-specific module called ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"unstable_createElement"),",\nwhich can be used to wrap React DOM components. This allows you to use React\nNative's accessibility and style optimizations."),(0,_react2.mdx)("p",null,"In the example below, ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Video")," will now accept common React Native props such as\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessibilityLabel"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"accessible"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"style"),", and even the Responder event\nprops."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import { unstable_createElement } from 'react-native-web';\nconst Video = (props) => unstable_createElement('video', props);\n")),(0,_react2.mdx)("p",null,"This also works with composite components defined in your existing component\ngallery or dependencies (",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://www.webpackbin.com/bins/-KiTSGFw3fB9Szg7quLI",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"live example"),")."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import RaisedButton from 'material-ui/RaisedButton';\nimport { unstable_createElement } from 'react-native-web';\nimport { StyleSheet } from 'react-native';\n\nconst CustomButton = (props) => unstable_createElement(RaisedButton, {\n ...props,\n style: [ styles.button, props.style ]\n});\n\nconst styles = StyleSheet.create({\n button: {\n padding: 20\n }\n});\n")),(0,_react2.mdx)("p",null,"And ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"unstable_createElement")," can be used as drop-in replacement for ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"React.createElement"),":"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"/* @jsx unstable_createElement */\nimport { unstable_createElement } from 'react-native-web';\nconst Video = (props) => <video {...props} style={[ { marginVertical: 10 }, props.style ]} />\n")),(0,_react2.mdx)("p",null,"Remember that React Native styles are not the same as React DOM styles, and\ncare needs to be taken not to pass React DOM styles into your React Native\nwrapped components."),(0,_react2.mdx)("h2",{id:"use-as-a-library-framework"},"Use as a library framework"),(0,_react2.mdx)("p",null,"The React Native (for Web) building blocks can be used to create higher-level\ncomponents and abstractions. In the example below, a ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"styled")," function provides\nan API inspired by styled-components (",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://www.webpackbin.com/bins/-KjT9ziwv4O7FDZdvsnX",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"live\nexample"),")."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"import { unstable_createElement } from 'react-native-web';\nimport { StyleSheet } from 'react-native';\n\n/**\n * styled API\n */\nconst styled = (Component, styler) => {\n const isDOMComponent = typeof Component === 'string';\n\n class Styled extends React.Component {\n static contextTypes = {\n getTheme: React.PropTypes.func\n };\n\n render() {\n const theme = this.context.getTheme && this.context.getTheme();\n const localProps = { ...this.props, theme };\n const nextProps = { ...this.props }\n const style = typeof styler === 'function' ? styler(localProps) : styler;\n nextProps.style = [ style, this.props.style ];\n\n return (\n isDOMComponent\n ? unstable_createElement(Component, nextProps)\n : <Component {...nextProps} />\n );\n }\n }\n return Styled;\n}\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n backgroundColor: '#2196F3',\n flex: 1,\n justifyContent: 'center'\n }\n});\n\nconst StyledView = styled(View, styles.container);\n")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Unstable uses",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1615:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Guides|Web recipes",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"web-recipes"},"Web recipes"),(0,_react2.mdx)("p",null,"Examples of how to implement web patterns with React Native."),(0,_react2.mdx)("h4",{id:"html-and-body-styles"},(0,_react2.mdx)("inlineCode",{parentName:"h4"},"html")," and ",(0,_react2.mdx)("inlineCode",{parentName:"h4"},"body")," styles"),(0,_react2.mdx)("p",null,"The ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"html")," and ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"body"),' elements require certain styles to support full-screen\nReact Native apps, and disable "features" like pull-to-refresh in mobile\nbrowsers. Using the ',(0,_react2.mdx)("inlineCode",{parentName:"p"},"body")," as the root scroll view is ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/necolas/react-native-web/issues/829",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"not reliably\nsupported"),"."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://codesandbox.io/s/52x1871vjl",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Example code"),"."),(0,_react2.mdx)("h4",{id:"hover-styles"},"Hover styles"),(0,_react2.mdx)("p",null,"Relying on the web's native hover styles can result in several unwanted UX\nconsequences. Hover styles might be displayed during touch interactions and can\nremain visually \"stuck\". Furthermore, there's no way to delay or persist hover\nfor accessibility purposes. This recipe shows how to apply hover styles that\nintegrate with the Responder event system (e.g., the ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Touchable*")," press styles)\nand display styles ",(0,_react2.mdx)("em",{parentName:"p"},"only")," when the mouse is active. It can also be used as the\nbasis for programmatic hover delays and rendering of components (e.g., hover\ncards)."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://codesandbox.io/s/o9q8vy70l5",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Example code")),(0,_react2.mdx)("h4",{id:"link-styles"},"Link styles"),(0,_react2.mdx)("p",null,"Cross-platform link components are straight-forward to create and can be\ncombined with the hover recipe."),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://codesandbox.io/s/53r88k5opx",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Example code")))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Guides|Web recipes",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1616:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.__page=void 0;var _objectSpread2=_interopRequireDefault(__webpack_require__(13)),_extends2=_interopRequireDefault(__webpack_require__(10)),_objectWithoutProperties2=_interopRequireDefault(__webpack_require__(17)),_react2=(_interopRequireDefault(__webpack_require__(0)),__webpack_require__(16)),_blocks=__webpack_require__(19),layoutProps={},MDXLayout="wrapper";function MDXContent(_ref){var components=_ref.components,props=(0,_objectWithoutProperties2.default)(_ref,["components"]);return(0,_react2.mdx)(MDXLayout,(0,_extends2.default)({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),(0,_react2.mdx)(_blocks.Meta,{title:"Overview|Getting started",mdxType:"Meta"}),(0,_react2.mdx)("h1",{id:"getting-started"},"Getting started"),(0,_react2.mdx)("p",null,"This guide will help you render components and applications with React Native\nfor Web."),(0,_react2.mdx)("p",null,"If you're not familiar with setting up a new React web project, please refer to\nthe ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://reactjs.org/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"React documentation"),"."),(0,_react2.mdx)("h2",{id:"install"},"Install"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"npm install react react-dom react-native-web\n")),(0,_react2.mdx)("p",null,"Your application may need to polyfill ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Promise"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Object.assign"),", ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"Array.from"),",\nand ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/que-etc/resize-observer-polyfill",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),(0,_react2.mdx)("inlineCode",{parentName:"a"},"ResizeObserver"))," as\nnecessary for your desired browser support."),(0,_react2.mdx)("h2",{id:"recommended-starter-kits"},"Recommended starter kits"),(0,_react2.mdx)("h3",{id:"expo"},"Expo"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://expo.io",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Expo")," is a framework and a platform for universal React\napplications. ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://docs.expo.io/workflow/web/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Expo for Web")," uses React\nNative for Web and provides dozens of additional cross-platform APIs."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"npm install expo-cli --global\nexpo init my-app\ncd my-app\nexpo start\n")),(0,_react2.mdx)("h3",{id:"create-react-app"},"Create React App"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/facebook/create-react-app",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Create React App")," is a basic way\nto setup a simple, web-only React app with built-in support for aliasing\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native-web")," to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native"),". However, it's generally recommended that\nyou use Expo."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"npx create-react-app my-app\ncd my-app\nnpm install react-native-web\nnpm start\n")),(0,_react2.mdx)("h2",{id:"standalone-configurations"},"Standalone configurations"),(0,_react2.mdx)("h3",{id:"configuring-a-module-bundler"},"Configuring a module bundler"),(0,_react2.mdx)("p",null,"If you have a custom setup, you may choose to configure your module bundler to\nalias the package to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native"),"."),(0,_react2.mdx)("p",null,"For example, modify your ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://github.com/webpack/webpack",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"webpack"),"\nconfiguration as follows:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),"// webpack.config.js\nmodule.exports = {\n // ...the rest of your config\n\n resolve: {\n alias: {\n 'react-native$': 'react-native-web'\n }\n }\n}\n")),(0,_react2.mdx)("h3",{id:"configuring-babel"},"Configuring Babel"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://babeljs.io/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Babel")," supports module aliasing using\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://www.npmjs.com/package/babel-plugin-module-resolver",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"babel-plugin-module-resolver")),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),'{\n "plugins": [\n ["module-resolver", {\n "alias": {\n "^react-native$": "react-native-web"\n }\n }]\n ]\n}\n')),(0,_react2.mdx)("h3",{id:"configuring-jest"},"Configuring Jest"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://facebook.github.io/jest/",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Jest")," can be configured using the provided\npreset. This will map ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native")," to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native-web")," and provide\nappropriate mocks:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),'{\n "preset": "react-native-web"\n}\n')),(0,_react2.mdx)("p",null,"Please refer to the Jest documentation for more information."),(0,_react2.mdx)("h3",{id:"configuring-flow"},"Configuring Flow"),(0,_react2.mdx)("p",null,(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://flow.org",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"Flow")," can be configured to understand the aliased module:"),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{}),"[options]\nmodule.name_mapper='^react-native$' -> 'react-native-web'\n")),(0,_react2.mdx)("p",null,"You may also need to include a custom libdef\n(",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://gist.github.com/paularmstrong/f60b40d16fc83e1e8e532d483336f9bb",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"example"),")\nin your config."),(0,_react2.mdx)("h3",{id:"configuring-nodejs"},"Configuring Node.js"),(0,_react2.mdx)("p",null,"Node.js can alias ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native")," to ",(0,_react2.mdx)("inlineCode",{parentName:"p"},"react-native-web")," using\n",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://www.npmjs.com/package/module-alias",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),(0,_react2.mdx)("inlineCode",{parentName:"a"},"module-alias")),". This is useful if\nyou want to pre-render the app (e.g., server-side rendering or build-time\nrendering)."),(0,_react2.mdx)("pre",null,(0,_react2.mdx)("code",(0,_extends2.default)({parentName:"pre"},{className:"language-js"}),'// Install the `module-alias` package as a dependency first\nconst moduleAlias = require("module-alias");\nmoduleAlias.addAliases({\n "react-native": require.resolve("react-native-web"),\n});\nmoduleAlias();\n')),(0,_react2.mdx)("h2",{id:"other-notes"},"Other notes"),(0,_react2.mdx)("h3",{id:"safari-flexbox-performance"},"Safari flexbox performance"),(0,_react2.mdx)("p",null,"Safari prior to version 10.1 can suffer from extremely ",(0,_react2.mdx)("a",(0,_extends2.default)({parentName:"p"},{href:"https://bugs.webkit.org/show_bug.cgi?id=150445",target:"_blank",rel:["nofollow","noopener","noreferrer"]}),"poor flexbox\nperformance"),". The recommended\nway to work around this issue (as used on mobile.twitter.com) is to set\n",(0,_react2.mdx)("inlineCode",{parentName:"p"},"display:block")," on Views in your element hierarchy that you know don't need\nflexbox layout."))}MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};exports.__page=__page,__page.story={parameters:{docsOnly:!0}};var componentMeta={title:"Overview|Getting started",includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=(0,_objectSpread2.default)({},componentMeta.parameters.docs||{},{page:function page(){return(0,_react2.mdx)(_blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},(0,_react2.mdx)(MDXContent,null))}});var _default=componentMeta;exports.default=_default},1623:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react=__webpack_require__(0),ExecutionEnvironment=__webpack_require__(24);var query=function getQuery(){return ExecutionEnvironment.canUseDOM&&null!=window.matchMedia?window.matchMedia("(prefers-color-scheme: dark)"):null}(),listenerMapping=new WeakMap,exports_Appearance={getColorScheme:function getColorScheme(){return query&&query.matches?"dark":"light"},addChangeListener:function addChangeListener(listener){var mappedListener=listenerMapping.get(listener);mappedListener||(mappedListener=function mappedListener(_ref){var matches=_ref.matches;listener({colorScheme:matches?"dark":"light"})},listenerMapping.set(listener,mappedListener)),query&&query.addListener(mappedListener)},removeChangeListener:function removeChangeListener(listener){var mappedListener=listenerMapping.get(listener);mappedListener&&(query&&query.removeListener(mappedListener),listenerMapping.delete(listener))}};function useColorScheme(){var _React$useState=react.useState(exports_Appearance.getColorScheme()),colorScheme=_React$useState[0],setColorScheme=_React$useState[1];return react.useEffect((function(){function listener(appearance){setColorScheme(appearance.colorScheme)}return exports_Appearance.addChangeListener(listener),function(){return exports_Appearance.removeChangeListener(listener)}})),colorScheme}__webpack_require__.d(__webpack_exports__,"default",(function(){return useColorScheme}))},163:function(module,__webpack_exports__,__webpack_require__){"use strict";var _NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(18),Animation=function(){function Animation(){}var _proto=Animation.prototype;return _proto.start=function start(fromValue,onUpdate,onEnd,previousAnimation,animatedValue){},_proto.stop=function stop(){this.__nativeId&&_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API.stopAnimation(this.__nativeId)},_proto.__getNativeAnimationConfig=function __getNativeAnimationConfig(){throw new Error("This animation type cannot be offloaded to native")},_proto.__debouncedOnEnd=function __debouncedOnEnd(result){var onEnd=this.__onEnd;this.__onEnd=null,onEnd&&onEnd(result)},_proto.__startNativeAnimation=function __startNativeAnimation(animatedValue){_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API.enableQueue(),animatedValue.__makeNative(),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API.disableQueue(),this.__nativeId=_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.generateNewAnimationId(),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API.startAnimatingNode(this.__nativeId,animatedValue.__getNativeTag(),this.__getNativeAnimationConfig(),this.__debouncedOnEnd.bind(this))},Animation}();__webpack_exports__.a=Animation},164:function(module,__webpack_exports__,__webpack_require__){"use strict";var react=__webpack_require__(0),ExecutionEnvironment=__webpack_require__(24),getBoundingClientRect=__webpack_require__(166),MOUSE_DOWN="mousedown",MOUSE_MOVE="mousemove",MOUSE_UP="mouseup",MOUSE_CANCEL="dragstart",TOUCH_START="touchstart",TOUCH_MOVE="touchmove",TOUCH_END="touchend",TOUCH_CANCEL="touchcancel",SCROLL="scroll",SELECT="select",SELECTION_CHANGE="selectionchange";function isStartish(eventType){return eventType===TOUCH_START||eventType===MOUSE_DOWN}function isMoveish(eventType){return eventType===TOUCH_MOVE||eventType===MOUSE_MOVE}function isEndish(eventType){return eventType===TOUCH_END||eventType===MOUSE_UP||isCancelish(eventType)}function isCancelish(eventType){return eventType===TOUCH_CANCEL||eventType===MOUSE_CANCEL}var __DEV__=!1,MAX_TOUCH_BANK=20,touchBank=[],touchHistory={touchBank:touchBank,numberActiveTouches:0,indexOfSingleActiveTouch:-1,mostRecentTimeStamp:0};function timestampForTouch(touch){return touch.timeStamp||touch.timestamp}function getTouchIdentifier(_ref){var identifier=_ref.identifier;return null==identifier&&console.error("Touch object is missing identifier."),__DEV__&&identifier>MAX_TOUCH_BANK&&console.error("Touch identifier %s is greater than maximum supported %s which causes performance issues backfilling array locations for all of the indices.",identifier,MAX_TOUCH_BANK),identifier}function recordTouchStart(touch){var identifier=getTouchIdentifier(touch),touchRecord=touchBank[identifier];touchRecord?function resetTouchRecord(touchRecord,touch){touchRecord.touchActive=!0,touchRecord.startPageX=touch.pageX,touchRecord.startPageY=touch.pageY,touchRecord.startTimeStamp=timestampForTouch(touch),touchRecord.currentPageX=touch.pageX,touchRecord.currentPageY=touch.pageY,touchRecord.currentTimeStamp=timestampForTouch(touch),touchRecord.previousPageX=touch.pageX,touchRecord.previousPageY=touch.pageY,touchRecord.previousTimeStamp=timestampForTouch(touch)}(touchRecord,touch):touchBank[identifier]=function createTouchRecord(touch){return{touchActive:!0,startPageX:touch.pageX,startPageY:touch.pageY,startTimeStamp:timestampForTouch(touch),currentPageX:touch.pageX,currentPageY:touch.pageY,currentTimeStamp:timestampForTouch(touch),previousPageX:touch.pageX,previousPageY:touch.pageY,previousTimeStamp:timestampForTouch(touch)}}(touch),touchHistory.mostRecentTimeStamp=timestampForTouch(touch)}function recordTouchMove(touch){var touchRecord=touchBank[getTouchIdentifier(touch)];touchRecord?(touchRecord.touchActive=!0,touchRecord.previousPageX=touchRecord.currentPageX,touchRecord.previousPageY=touchRecord.currentPageY,touchRecord.previousTimeStamp=touchRecord.currentTimeStamp,touchRecord.currentPageX=touch.pageX,touchRecord.currentPageY=touch.pageY,touchRecord.currentTimeStamp=timestampForTouch(touch),touchHistory.mostRecentTimeStamp=timestampForTouch(touch)):console.warn("Cannot record touch move without a touch start.\n","Touch Move: "+printTouch(touch)+"\n","Touch Bank: "+printTouchBank())}function recordTouchEnd(touch){var touchRecord=touchBank[getTouchIdentifier(touch)];touchRecord?(touchRecord.touchActive=!1,touchRecord.previousPageX=touchRecord.currentPageX,touchRecord.previousPageY=touchRecord.currentPageY,touchRecord.previousTimeStamp=touchRecord.currentTimeStamp,touchRecord.currentPageX=touch.pageX,touchRecord.currentPageY=touch.pageY,touchRecord.currentTimeStamp=timestampForTouch(touch),touchHistory.mostRecentTimeStamp=timestampForTouch(touch)):console.warn("Cannot record touch end without a touch start.\n","Touch End: "+printTouch(touch)+"\n","Touch Bank: "+printTouchBank())}function printTouch(touch){return JSON.stringify({identifier:touch.identifier,pageX:touch.pageX,pageY:touch.pageY,timestamp:timestampForTouch(touch)})}function printTouchBank(){var printed=JSON.stringify(touchBank.slice(0,MAX_TOUCH_BANK));return touchBank.length>MAX_TOUCH_BANK&&(printed+=" (original size: "+touchBank.length+")"),printed}var useResponderEvents_ResponderTouchHistoryStore={recordTouchTrack:function recordTouchTrack(topLevelType,nativeEvent){if(isMoveish(topLevelType))nativeEvent.changedTouches.forEach(recordTouchMove);else if(isStartish(topLevelType))nativeEvent.changedTouches.forEach(recordTouchStart),touchHistory.numberActiveTouches=nativeEvent.touches.length,1===touchHistory.numberActiveTouches&&(touchHistory.indexOfSingleActiveTouch=nativeEvent.touches[0].identifier);else if(isEndish(topLevelType)&&(nativeEvent.changedTouches.forEach(recordTouchEnd),touchHistory.numberActiveTouches=nativeEvent.touches.length,1===touchHistory.numberActiveTouches)){for(var i=0;i<touchBank.length;i++){var touchTrackToCheck=touchBank[i];if(null!=touchTrackToCheck&&touchTrackToCheck.touchActive){touchHistory.indexOfSingleActiveTouch=i;break}}if(__DEV__){var activeRecord=touchBank[touchHistory.indexOfSingleActiveTouch];null!=activeRecord&&activeRecord.touchActive||console.error("Cannot find single active touch.")}}},touchHistory:touchHistory},emptyFunction=function emptyFunction(){},emptyObject={},emptyArray=[];function normalizeIdentifier(identifier){return identifier>20?identifier%20:identifier}function createResponderEvent(domEvent){var rect,changedTouches,touches,propagationWasStopped=!1,domEventChangedTouches=domEvent.changedTouches,domEventType=domEvent.type,metaKey=!0===domEvent.metaKey,shiftKey=!0===domEvent.shiftKey,force=domEventChangedTouches&&domEventChangedTouches[0].force||0,identifier=normalizeIdentifier(domEventChangedTouches&&domEventChangedTouches[0].identifier||0),clientX=domEventChangedTouches&&domEventChangedTouches[0].clientX||domEvent.clientX,clientY=domEventChangedTouches&&domEventChangedTouches[0].clientY||domEvent.clientY,pageX=domEventChangedTouches&&domEventChangedTouches[0].pageX||domEvent.pageX,pageY=domEventChangedTouches&&domEventChangedTouches[0].pageY||domEvent.pageY,preventDefault="function"==typeof domEvent.preventDefault?domEvent.preventDefault.bind(domEvent):emptyFunction,timestamp=domEvent.timeStamp;function normalizeTouches(touches){return Array.prototype.slice.call(touches).map((function(touch){return{force:touch.force,identifier:normalizeIdentifier(touch.identifier),get locationX(){return locationX(touch.clientX)},get locationY(){return locationY(touch.clientY)},pageX:touch.pageX,pageY:touch.pageY,target:touch.target,timestamp:timestamp}}))}if(null!=domEventChangedTouches)changedTouches=normalizeTouches(domEventChangedTouches),touches=normalizeTouches(domEvent.touches);else{var emulatedTouches=[{force:force,identifier:identifier,get locationX(){return locationX(clientX)},get locationY(){return locationY(clientY)},pageX:pageX,pageY:pageY,target:domEvent.target,timestamp:timestamp}];changedTouches=emulatedTouches,touches="mouseup"===domEventType||"dragstart"===domEventType?emptyArray:emulatedTouches}var responderEvent={bubbles:!0,cancelable:!0,currentTarget:null,defaultPrevented:domEvent.defaultPrevented,dispatchConfig:emptyObject,eventPhase:domEvent.eventPhase,isDefaultPrevented:function isDefaultPrevented(){return domEvent.defaultPrevented},isPropagationStopped:function isPropagationStopped(){return propagationWasStopped},isTrusted:domEvent.isTrusted,nativeEvent:{altKey:!1,ctrlKey:!1,metaKey:metaKey,shiftKey:shiftKey,changedTouches:changedTouches,force:force,identifier:identifier,get locationX(){return locationX(clientX)},get locationY(){return locationY(clientY)},pageX:pageX,pageY:pageY,target:domEvent.target,timestamp:timestamp,touches:touches,type:domEventType},persist:emptyFunction,preventDefault:preventDefault,stopPropagation:function stopPropagation(){propagationWasStopped=!0},target:domEvent.target,timeStamp:timestamp,touchHistory:useResponderEvents_ResponderTouchHistoryStore.touchHistory};function locationX(x){if(rect=rect||Object(getBoundingClientRect.a)(responderEvent.currentTarget))return x-rect.left}function locationY(y){if(rect=rect||Object(getBoundingClientRect.a)(responderEvent.currentTarget))return y-rect.top}return responderEvent}var keyName="__reactResponderId";function composedPathFallback(target){for(var path=[];null!=target&&target!==document.body;)path.push(target),target=target.parentNode;return path}function getResponderId(node){return null!=node?node[keyName]:null}function getResponderPaths(domEvent){for(var idPath=[],nodePath=[],eventPath=function getEventPath(domEvent){return"selectionchange"===domEvent.type?composedPathFallback(window.getSelection().anchorNode):null!=domEvent.composedPath?domEvent.composedPath():composedPathFallback(domEvent.target)}(domEvent),i=0;i<eventPath.length;i++){var node=eventPath[i],id=getResponderId(node);null!=id&&(idPath.push(id),nodePath.push(node))}return{idPath:idPath,nodePath:nodePath}}function hasValidSelection(domEvent){return"selectionchange"===domEvent.type?function isSelectionValid(){var selection=window.getSelection(),string=selection.toString(),anchorNode=selection.anchorNode,focusNode=selection.focusNode,isTextNode=anchorNode&&anchorNode.nodeType===window.Node.TEXT_NODE||focusNode&&focusNode.nodeType===window.Node.TEXT_NODE;return string.length>=1&&"\n"!==string&&isTextNode}():"select"===domEvent.type}var ResponderSystem_emptyObject={},startRegistration=["onStartShouldSetResponderCapture","onStartShouldSetResponder",{bubbles:!0}],moveRegistration=["onMoveShouldSetResponderCapture","onMoveShouldSetResponder",{bubbles:!0}],shouldSetResponderEvents={touchstart:startRegistration,mousedown:startRegistration,touchmove:moveRegistration,mousemove:moveRegistration,scroll:["onScrollShouldSetResponderCapture","onScrollShouldSetResponder",{bubbles:!1}]},emptyResponder={id:null,idPath:null,node:null},responderListenersMap=new Map,isEmulatingMouseEvents=!1,trackedTouchCount=0,currentResponder={id:null,node:null,idPath:null};function changeCurrentResponder(responder){currentResponder=responder}function getResponderConfig(id){var config=responderListenersMap.get(id);return null!=config?config:ResponderSystem_emptyObject}function eventListener(domEvent){var eventType=domEvent.type,eventTarget=domEvent.target;if("touchstart"===eventType&&(isEmulatingMouseEvents=!0),("touchmove"===eventType||trackedTouchCount>1)&&(isEmulatingMouseEvents=!1),!("mousedown"===eventType&&isEmulatingMouseEvents||"mousemove"===eventType&&isEmulatingMouseEvents||"mousemove"===eventType&&trackedTouchCount<1))if(isEmulatingMouseEvents&&"mouseup"===eventType)0===trackedTouchCount&&(isEmulatingMouseEvents=!1);else{var isStartEvent=isStartish(eventType)&&function isPrimaryPointerDown(domEvent){var altKey=domEvent.altKey,button=domEvent.button,buttons=domEvent.buttons,ctrlKey=domEvent.ctrlKey,type=domEvent.type,noModifiers=!1===altKey&&!1===ctrlKey;return!!("touchstart"===type||"touchmove"===type||"mousedown"===type&&(0===button||1===buttons)&&noModifiers||"mousemove"===type&&1===buttons&&noModifiers)}(domEvent),isMoveEvent=isMoveish(eventType),isEndEvent=isEndish(eventType),isScrollEvent=function isScroll(eventType){return eventType===SCROLL}(eventType),isSelectionChangeEvent=function isSelectionChange(eventType){return eventType===SELECT||eventType===SELECTION_CHANGE}(eventType),responderEvent=createResponderEvent(domEvent);(isStartEvent||isMoveEvent||isEndEvent)&&(domEvent.touches?trackedTouchCount=domEvent.touches.length:isStartEvent?trackedTouchCount=1:isEndEvent&&(trackedTouchCount=0),useResponderEvents_ResponderTouchHistoryStore.recordTouchTrack(eventType,responderEvent.nativeEvent));var wantsResponder,eventPaths=getResponderPaths(domEvent),wasNegotiated=!1;if(isStartEvent||isMoveEvent||isScrollEvent&&trackedTouchCount>0){var currentResponderIdPath=currentResponder.idPath,eventIdPath=eventPaths.idPath;if(null!=currentResponderIdPath&&null!=eventIdPath){var lowestCommonAncestor=function getLowestCommonAncestor(pathA,pathB){var pathALength=pathA.length,pathBLength=pathB.length;if(0===pathALength||0===pathBLength||pathA[pathALength-1]!==pathB[pathBLength-1])return null;var itemA=pathA[0],indexA=0,itemB=pathB[0],indexB=0;pathALength-pathBLength>0&&(itemA=pathA[indexA=pathALength-pathBLength],pathALength=pathBLength),pathBLength-pathALength>0&&(itemB=pathB[indexB=pathBLength-pathALength],pathBLength=pathALength);for(var depth=pathALength;depth--;){if(itemA===itemB)return itemA;itemA=pathA[indexA++],itemB=pathB[indexB++]}return null}(currentResponderIdPath,eventIdPath);if(null!=lowestCommonAncestor){var index=eventIdPath.indexOf(lowestCommonAncestor)+(lowestCommonAncestor===currentResponder.id?1:0);eventPaths={idPath:eventIdPath.slice(index),nodePath:eventPaths.nodePath.slice(index)}}else eventPaths=null}null!=eventPaths&&null!=(wantsResponder=function findWantsResponder(eventPaths,domEvent,responderEvent){var shouldSetCallbacks=shouldSetResponderEvents[domEvent.type];if(null!=shouldSetCallbacks){for(var idPath=eventPaths.idPath,nodePath=eventPaths.nodePath,shouldSetCallbackCaptureName=shouldSetCallbacks[0],shouldSetCallbackBubbleName=shouldSetCallbacks[1],bubbles=shouldSetCallbacks[2].bubbles,check=function check(id,node,callbackName){var shouldSetCallback=getResponderConfig(id)[callbackName];if(null!=shouldSetCallback&&!0===shouldSetCallback(responderEvent))return{id:id,node:node,idPath:idPath}},i=idPath.length-1;i>=0;i--){var id=idPath[i],node=nodePath[i],result=check(id,node,shouldSetCallbackCaptureName);if(null!=result)return result;if(!0===responderEvent.isPropagationStopped())return}if(bubbles)for(var _i=0;_i<idPath.length;_i++){var _id=idPath[_i],_node=nodePath[_i],_result=check(_id,_node,shouldSetCallbackBubbleName);if(null!=_result)return _result;if(!0===responderEvent.isPropagationStopped())return}else{var _id2=idPath[0],_node2=nodePath[0];if(domEvent.target===_node2)return check(_id2,_node2,shouldSetCallbackBubbleName)}}}(eventPaths,domEvent,responderEvent))&&(!function attemptTransfer(responderEvent,wantsResponder){var _currentResponder2=currentResponder,currentId=_currentResponder2.id,currentNode=_currentResponder2.node,id=wantsResponder.id,node=wantsResponder.node,_getResponderConfig2=getResponderConfig(id),onResponderGrant=_getResponderConfig2.onResponderGrant,onResponderReject=_getResponderConfig2.onResponderReject;if(responderEvent.bubbles=!1,responderEvent.cancelable=!1,responderEvent.currentTarget=node,null==currentId)null!=onResponderGrant&&(responderEvent.currentTarget=node,responderEvent.dispatchConfig.registrationName="onResponderGrant",onResponderGrant(responderEvent)),changeCurrentResponder(wantsResponder);else{var _getResponderConfig3=getResponderConfig(currentId),onResponderTerminate=_getResponderConfig3.onResponderTerminate,onResponderTerminationRequest=_getResponderConfig3.onResponderTerminationRequest;null!=onResponderTerminationRequest&&onResponderTerminationRequest(responderEvent)?(null!=onResponderTerminate&&(responderEvent.currentTarget=currentNode,onResponderTerminate(responderEvent)),null!=onResponderGrant&&onResponderGrant(responderEvent),changeCurrentResponder(wantsResponder)):null!=onResponderReject&&onResponderReject(responderEvent)}}(responderEvent,wantsResponder),wasNegotiated=!0)}if(null!=currentResponder.id&&null!=currentResponder.node){var _currentResponder=currentResponder,id=_currentResponder.id,node=_currentResponder.node,_getResponderConfig=getResponderConfig(id),onResponderStart=_getResponderConfig.onResponderStart,onResponderMove=_getResponderConfig.onResponderMove,onResponderEnd=_getResponderConfig.onResponderEnd,onResponderRelease=_getResponderConfig.onResponderRelease,onResponderTerminate=_getResponderConfig.onResponderTerminate,onResponderTerminationRequest=_getResponderConfig.onResponderTerminationRequest;if(responderEvent.bubbles=!1,responderEvent.cancelable=!1,responderEvent.currentTarget=node,isStartEvent)null!=onResponderStart&&onResponderStart(responderEvent);else if(isMoveEvent)null!=onResponderMove&&onResponderMove(responderEvent);else{var isTerminateEvent=isCancelish(eventType)||"contextmenu"===eventType||"blur"===eventType&&eventTarget===window||"blur"===eventType&&eventTarget.contains(node)&&domEvent.relatedTarget!==node||isScrollEvent&&0===trackedTouchCount||isScrollEvent&&eventTarget.contains(node)&&eventTarget!==node||isSelectionChangeEvent&&hasValidSelection(domEvent),isReleaseEvent=isEndEvent&&!isTerminateEvent&&!function hasTargetTouches(target,touches){if(!touches||0===touches.length)return!1;for(var i=0;i<touches.length;i++){var node=touches[i].target;if(null!=node&&target.contains(node))return!0}return!1}(node,domEvent.touches);if(isEndEvent&&null!=onResponderEnd&&onResponderEnd(responderEvent),isReleaseEvent&&(null!=onResponderRelease&&onResponderRelease(responderEvent),changeCurrentResponder(emptyResponder)),isTerminateEvent){var shouldTerminate=!0;"contextmenu"!==eventType&&"scroll"!==eventType&&"selectionchange"!==eventType||(wasNegotiated||null!=onResponderTerminationRequest&&!1===onResponderTerminationRequest(responderEvent))&&(shouldTerminate=!1),shouldTerminate&&(null!=onResponderTerminate&&onResponderTerminate(responderEvent),changeCurrentResponder(emptyResponder),isEmulatingMouseEvents=!1,trackedTouchCount=0)}}}}}var documentEventsCapturePhase=["blur","scroll"],documentEventsBubblePhase=["mousedown","mousemove","mouseup","dragstart","touchstart","touchmove","touchend","touchcancel","contextmenu","select","selectionchange"];function addNode(id,node,config){!function setResponderId(node,id){null!=node&&(node[keyName]=id)}(node,id),responderListenersMap.set(id,config)}function removeNode(id){currentResponder.id===id&&function terminateResponder(){var _currentResponder3=currentResponder,id=_currentResponder3.id,node=_currentResponder3.node;if(null!=id&&null!=node){var onResponderTerminate=getResponderConfig(id).onResponderTerminate;if(null!=onResponderTerminate){var event=createResponderEvent({});event.currentTarget=node,onResponderTerminate(event)}changeCurrentResponder(emptyResponder)}isEmulatingMouseEvents=!1,trackedTouchCount=0}(),responderListenersMap.has(id)&&responderListenersMap.delete(id)}__webpack_require__.d(__webpack_exports__,"a",(function(){return useResponderEvents}));var useResponderEvents_emptyObject={},idCounter=0;function useResponderEvents(hostRef,config){void 0===config&&(config=useResponderEvents_emptyObject);var id=function useStable(getInitialValue){var ref=react.useRef(null);return null==ref.current&&(ref.current=getInitialValue()),ref.current}((function(){return idCounter++})),isAttachedRef=react.useRef(!1);react.useEffect((function(){return function attachListeners(){ExecutionEnvironment.canUseDOM&&null==window.__reactResponderSystemActive&&(window.addEventListener("blur",eventListener),documentEventsBubblePhase.forEach((function(eventType){document.addEventListener(eventType,eventListener)})),documentEventsCapturePhase.forEach((function(eventType){document.addEventListener(eventType,eventListener,!0)})),window.__reactResponderSystemActive=!0)}(),function(){removeNode(id)}}),[id]),react.useEffect((function(){var _config=config,onMoveShouldSetResponder=_config.onMoveShouldSetResponder,onMoveShouldSetResponderCapture=_config.onMoveShouldSetResponderCapture,onScrollShouldSetResponder=_config.onScrollShouldSetResponder,onScrollShouldSetResponderCapture=_config.onScrollShouldSetResponderCapture,onSelectionChangeShouldSetResponder=_config.onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture=_config.onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder=_config.onStartShouldSetResponder,onStartShouldSetResponderCapture=_config.onStartShouldSetResponderCapture,requiresResponderSystem=null!=onMoveShouldSetResponder||null!=onMoveShouldSetResponderCapture||null!=onScrollShouldSetResponder||null!=onScrollShouldSetResponderCapture||null!=onSelectionChangeShouldSetResponder||null!=onSelectionChangeShouldSetResponderCapture||null!=onStartShouldSetResponder||null!=onStartShouldSetResponderCapture,node=hostRef.current;requiresResponderSystem?(addNode(id,node,config),isAttachedRef.current=!0):isAttachedRef.current&&(removeNode(id),isAttachedRef.current=!1)}),[config,hostRef,id]),react.useDebugValue({isResponder:hostRef.current===currentResponder.node}),react.useDebugValue(config)}},166:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_exports__.a=function getBoundingClientRect(node){if(null!=node&&(1===node.nodeType&&"function"==typeof node.getBoundingClientRect))return node.getBoundingClientRect()}},167:function(module,__webpack_exports__,__webpack_require__){"use strict";var CSS_UNIT_RE=/^[+-]?\d*(?:\.\d+)?(?:[Ee][+-]?\d+)?(%|\w*)/;__webpack_exports__.a=function multiplyStyleLengthValue(value,multiple){return"string"==typeof value?""+parseFloat(value)*multiple+function getUnit(str){return str.match(CSS_UNIT_RE)[1]}(value):function isNumeric(n){return!isNaN(parseFloat(n))&&isFinite(n)}(value)?value*multiple:void 0}},168:function(module,__webpack_exports__,__webpack_require__){"use strict";var InteractionManager=__webpack_require__(124),react_native_Batchinator=function(){function Batchinator(callback,delayMS){this._delay=delayMS,this._callback=callback}var _proto=Batchinator.prototype;return _proto.dispose=function dispose(options){void 0===options&&(options={abort:!1}),this._taskHandle&&(this._taskHandle.cancel(),options.abort||this._callback(),this._taskHandle=null)},_proto.schedule=function schedule(){var _this=this;if(!this._taskHandle){var timeoutHandle=setTimeout((function(){_this._taskHandle=InteractionManager.a.runAfterInteractions((function(){_this._taskHandle=null,_this._callback()}))}),this._delay);this._taskHandle={cancel:function cancel(){return clearTimeout(timeoutHandle)}}}},Batchinator}(),performanceNow=__webpack_require__(275),performanceNow_default=__webpack_require__.n(performanceNow),warning=__webpack_require__(162),warning_default=__webpack_require__.n(warning);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var Info=function Info(){this.any_blank_count=0,this.any_blank_ms=0,this.any_blank_speed_sum=0,this.mostly_blank_count=0,this.mostly_blank_ms=0,this.pixels_blank=0,this.pixels_sampled=0,this.pixels_scrolled=0,this.total_time_spent=0,this.sample_count=0},_listeners=[],_minSampleCount=10,_sampleRate=null,react_native_FillRateHelper=function(){function FillRateHelper(getFrameMetrics){this._anyBlankStartTime=null,this._enabled=!1,this._info=new Info,this._mostlyBlankStartTime=null,this._samplesStartTime=null,this._getFrameMetrics=getFrameMetrics,this._enabled=(_sampleRate||0)>Math.random(),this._resetData()}FillRateHelper.addListener=function addListener(callback){return warning_default()(null!==_sampleRate,"Call `FillRateHelper.setSampleRate` before `addListener`."),_listeners.push(callback),{remove:function remove(){_listeners=_listeners.filter((function(listener){return callback!==listener}))}}},FillRateHelper.setSampleRate=function setSampleRate(sampleRate){_sampleRate=sampleRate},FillRateHelper.setMinSampleCount=function setMinSampleCount(minSampleCount){_minSampleCount=minSampleCount};var _proto=FillRateHelper.prototype;return _proto.activate=function activate(){this._enabled&&null==this._samplesStartTime&&(this._samplesStartTime=performanceNow_default()())},_proto.deactivateAndFlush=function deactivateAndFlush(){if(this._enabled){var start=this._samplesStartTime;if(null!=start)if(this._info.sample_count<_minSampleCount)this._resetData();else{var total_time_spent=performanceNow_default()()-start,info=function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},this._info,{total_time_spent:total_time_spent});_listeners.forEach((function(listener){return listener(info)})),this._resetData()}}},_proto.computeBlankness=function computeBlankness(props,state,scrollMetrics){if(!this._enabled||0===props.getItemCount(props.data)||null==this._samplesStartTime)return 0;var dOffset=scrollMetrics.dOffset,offset=scrollMetrics.offset,velocity=scrollMetrics.velocity,visibleLength=scrollMetrics.visibleLength;this._info.sample_count++,this._info.pixels_sampled+=Math.round(visibleLength),this._info.pixels_scrolled+=Math.round(Math.abs(dOffset));var scrollSpeed=Math.round(1e3*Math.abs(velocity)),now=performanceNow_default()();null!=this._anyBlankStartTime&&(this._info.any_blank_ms+=now-this._anyBlankStartTime),this._anyBlankStartTime=null,null!=this._mostlyBlankStartTime&&(this._info.mostly_blank_ms+=now-this._mostlyBlankStartTime),this._mostlyBlankStartTime=null;for(var blankTop=0,first=state.first,firstFrame=this._getFrameMetrics(first);first<=state.last&&(!firstFrame||!firstFrame.inLayout);)firstFrame=this._getFrameMetrics(first),first++;firstFrame&&first>0&&(blankTop=Math.min(visibleLength,Math.max(0,firstFrame.offset-offset)));for(var blankBottom=0,last=state.last,lastFrame=this._getFrameMetrics(last);last>=state.first&&(!lastFrame||!lastFrame.inLayout);)lastFrame=this._getFrameMetrics(last),last--;if(lastFrame&&last<props.getItemCount(props.data)-1){var bottomEdge=lastFrame.offset+lastFrame.length;blankBottom=Math.min(visibleLength,Math.max(0,offset+visibleLength-bottomEdge))}var pixels_blank=Math.round(blankTop+blankBottom),blankness=pixels_blank/visibleLength;return blankness>0?(this._anyBlankStartTime=now,this._info.any_blank_speed_sum+=scrollSpeed,this._info.any_blank_count++,this._info.pixels_blank+=pixels_blank,blankness>.5&&(this._mostlyBlankStartTime=now,this._info.mostly_blank_count++)):(scrollSpeed<.01||Math.abs(dOffset)<1)&&this.deactivateAndFlush(),blankness},_proto.enabled=function enabled(){return this._enabled},_proto._resetData=function _resetData(){this._anyBlankStartTime=null,this._info=new Info,this._mostlyBlankStartTime=null,this._samplesStartTime=null},FillRateHelper}(),prop_types=__webpack_require__(25),prop_types_default=__webpack_require__.n(prop_types),react=__webpack_require__(0),react_default=__webpack_require__.n(react),View=__webpack_require__(3);var exports_RefreshControl=function RefreshControl(props){props.colors,props.enabled,props.onRefresh,props.progressBackgroundColor,props.progressViewOffset,props.refreshing,props.size,props.tintColor,props.title,props.titleColor;var rest=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["colors","enabled","onRefresh","progressBackgroundColor","progressViewOffset","refreshing","size","tintColor","title","titleColor"]);return react_default.a.createElement(View.default,rest)},ScrollView=__webpack_require__(80),StyleSheet=__webpack_require__(4),invariant=__webpack_require__(5),invariant_default=__webpack_require__.n(invariant);function ViewabilityHelper_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function ViewabilityHelper_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ViewabilityHelper_ownKeys(Object(source),!0).forEach((function(key){ViewabilityHelper_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ViewabilityHelper_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function ViewabilityHelper_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _isViewable(viewAreaMode,viewablePercentThreshold,top,bottom,viewportHeight,itemLength){if(function _isEntirelyVisible(top,bottom,viewportHeight){return top>=0&&bottom<=viewportHeight&&bottom>top}(top,bottom,viewportHeight))return!0;var pixels=function _getPixelsVisible(top,bottom,viewportHeight){var visibleHeight=Math.min(bottom,viewportHeight)-Math.max(top,0);return Math.max(0,visibleHeight)}(top,bottom,viewportHeight);return 100*(viewAreaMode?pixels/viewportHeight:pixels/itemLength)>=viewablePercentThreshold}var react_native_ViewabilityHelper=function(){function ViewabilityHelper(config){void 0===config&&(config={viewAreaCoveragePercentThreshold:0}),this._hasInteracted=!1,this._timers=new Set,this._viewableIndices=[],this._viewableItems=new Map,this._config=config}var _proto=ViewabilityHelper.prototype;return _proto.dispose=function dispose(){this._timers.forEach(clearTimeout)},_proto.computeViewableItems=function computeViewableItems(itemCount,scrollOffset,viewportHeight,getFrameMetrics,renderRange){var _this$_config=this._config,itemVisiblePercentThreshold=_this$_config.itemVisiblePercentThreshold,viewAreaCoveragePercentThreshold=_this$_config.viewAreaCoveragePercentThreshold,viewAreaMode=null!=viewAreaCoveragePercentThreshold,viewablePercentThreshold=viewAreaMode?viewAreaCoveragePercentThreshold:itemVisiblePercentThreshold;invariant_default()(null!=viewablePercentThreshold&&null!=itemVisiblePercentThreshold!=(null!=viewAreaCoveragePercentThreshold),"Must set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold");var viewableIndices=[];if(0===itemCount)return viewableIndices;var firstVisible=-1,_ref=renderRange||{first:0,last:itemCount-1},first=_ref.first,last=_ref.last;if(last>=itemCount)return console.warn("Invalid render range computing viewability "+JSON.stringify({renderRange:renderRange,itemCount:itemCount})),[];for(var idx=first;idx<=last;idx++){var metrics=getFrameMetrics(idx);if(metrics){var top=metrics.offset-scrollOffset,bottom=top+metrics.length;if(top<viewportHeight&&bottom>0)firstVisible=idx,_isViewable(viewAreaMode,viewablePercentThreshold,top,bottom,viewportHeight,metrics.length)&&viewableIndices.push(idx);else if(firstVisible>=0)break}}return viewableIndices},_proto.onUpdate=function onUpdate(itemCount,scrollOffset,viewportHeight,getFrameMetrics,createViewToken,onViewableItemsChanged,renderRange){var _this=this;if((!this._config.waitForInteraction||this._hasInteracted)&&0!==itemCount&&getFrameMetrics(0)){var viewableIndices=[];if(itemCount&&(viewableIndices=this.computeViewableItems(itemCount,scrollOffset,viewportHeight,getFrameMetrics,renderRange)),this._viewableIndices.length!==viewableIndices.length||!this._viewableIndices.every((function(v,ii){return v===viewableIndices[ii]})))if(this._viewableIndices=viewableIndices,this._config.minimumViewTime){var handle=setTimeout((function(){_this._timers.delete(handle),_this._onUpdateSync(viewableIndices,onViewableItemsChanged,createViewToken)}),this._config.minimumViewTime);this._timers.add(handle)}else this._onUpdateSync(viewableIndices,onViewableItemsChanged,createViewToken)}},_proto.resetViewableIndices=function resetViewableIndices(){this._viewableIndices=[]},_proto.recordInteraction=function recordInteraction(){this._hasInteracted=!0},_proto._onUpdateSync=function _onUpdateSync(viewableIndicesToCheck,onViewableItemsChanged,createViewToken){var _this2=this;viewableIndicesToCheck=viewableIndicesToCheck.filter((function(ii){return _this2._viewableIndices.includes(ii)}));var prevItems=this._viewableItems,nextItems=new Map(viewableIndicesToCheck.map((function(ii){var viewable=createViewToken(ii,!0);return[viewable.key,viewable]}))),changed=[],_iterator=nextItems,_isArray=Array.isArray(_iterator),_i=0;for(_iterator=_isArray?_iterator:_iterator[Symbol.iterator]();;){var _ref2;if(_isArray){if(_i>=_iterator.length)break;_ref2=_iterator[_i++]}else{if((_i=_iterator.next()).done)break;_ref2=_i.value}var _ref4=_ref2,key=_ref4[0],viewable=_ref4[1];prevItems.has(key)||changed.push(viewable)}var _iterator2=prevItems,_isArray2=Array.isArray(_iterator2),_i2=0;for(_iterator2=_isArray2?_iterator2:_iterator2[Symbol.iterator]();;){var _ref3;if(_isArray2){if(_i2>=_iterator2.length)break;_ref3=_iterator2[_i2++]}else{if((_i2=_iterator2.next()).done)break;_ref3=_i2.value}var _ref5=_ref3,_key=_ref5[0],_viewable=_ref5[1];nextItems.has(_key)||changed.push(ViewabilityHelper_objectSpread({},_viewable,{isViewable:!1}))}changed.length>0&&(this._viewableItems=nextItems,onViewableItemsChanged({viewableItems:Array.from(nextItems.values()),changed:changed,viewabilityConfig:this._config}))},ViewabilityHelper}(),findNodeHandle=__webpack_require__(101);var react_native_infoLog=function infoLog(){var _console;return(_console=console).log.apply(_console,arguments)};function elementsThatOverlapOffsets(offsets,itemCount,getFrameMetrics){for(var out=[],outLength=0,ii=0;ii<itemCount;ii++)for(var frame=getFrameMetrics(ii),trailingOffset=frame.offset+frame.length,kk=0;kk<offsets.length;kk++)if(null==out[kk]&&trailingOffset>=offsets[kk]&&(out[kk]=ii,outLength++,kk===offsets.length-1))return invariant_default()(outLength===offsets.length,"bad offsets input, should be in increasing order: %s",JSON.stringify(offsets)),out;return out}function newRangeCount(prev,next){return next.last-next.first+1-Math.max(0,1+Math.min(next.last,prev.last)-Math.max(next.first,prev.first))}function computeWindowedRenderLimits(props,prev,getFrameMetricsApprox,scrollMetrics){var data=props.data,getItemCount=props.getItemCount,maxToRenderPerBatch=props.maxToRenderPerBatch,windowSize=props.windowSize,itemCount=getItemCount(data);if(0===itemCount)return prev;var offset=scrollMetrics.offset,velocity=scrollMetrics.velocity,visibleLength=scrollMetrics.visibleLength,visibleBegin=Math.max(0,offset),visibleEnd=visibleBegin+visibleLength,overscanLength=(windowSize-1)*visibleLength,fillPreference=velocity>1?"after":velocity<-1?"before":"none",overscanBegin=Math.max(0,visibleBegin-.5*overscanLength),overscanEnd=Math.max(0,visibleEnd+.5*overscanLength);if(getFrameMetricsApprox(itemCount-1).offset<overscanBegin)return{first:Math.max(0,itemCount-1-maxToRenderPerBatch),last:itemCount-1};var _elementsThatOverlapO=elementsThatOverlapOffsets([overscanBegin,visibleBegin,visibleEnd,overscanEnd],props.getItemCount(props.data),getFrameMetricsApprox),overscanFirst=_elementsThatOverlapO[0],first=_elementsThatOverlapO[1],last=_elementsThatOverlapO[2],overscanLast=_elementsThatOverlapO[3];overscanFirst=null==overscanFirst?0:overscanFirst,overscanLast=null==overscanLast?itemCount-1:overscanLast;for(var visible={first:first=null==first?Math.max(0,overscanFirst):first,last:last=null==last?Math.min(overscanLast,first+maxToRenderPerBatch-1):last},newCellCount=newRangeCount(prev,visible);!(first<=overscanFirst&&last>=overscanLast);){var maxNewCells=newCellCount>=maxToRenderPerBatch,firstWillAddMore=first<=prev.first||first>prev.last,firstShouldIncrement=first>overscanFirst&&(!maxNewCells||!firstWillAddMore),lastWillAddMore=last>=prev.last||last<prev.first,lastShouldIncrement=last<overscanLast&&(!maxNewCells||!lastWillAddMore);if(maxNewCells&&!firstShouldIncrement&&!lastShouldIncrement)break;!firstShouldIncrement||"after"===fillPreference&&lastShouldIncrement&&lastWillAddMore||(firstWillAddMore&&newCellCount++,first--),!lastShouldIncrement||"before"===fillPreference&&firstShouldIncrement&&firstWillAddMore||(lastWillAddMore&&newCellCount++,last++)}if(!(last>=first&&first>=0&&last<itemCount&&first>=overscanFirst&&last<=overscanLast&&first<=visible.first&&last>=visible.last))throw new Error("Bad window calculation "+JSON.stringify({first:first,last:last,itemCount:itemCount,overscanFirst:overscanFirst,overscanLast:overscanLast,visible:visible}));return{first:first,last:last}}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function VirtualizedList_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function VirtualizedList_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?VirtualizedList_ownKeys(Object(source),!0).forEach((function(key){VirtualizedList_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):VirtualizedList_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function VirtualizedList_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}var flattenStyle=StyleSheet.default.flatten,__DEV__=!1,_usedIndexForKey=!1,_keylessItemComponentName="",VirtualizedList_VirtualizedList=function(_React$PureComponent){_inheritsLoose(VirtualizedList,_React$PureComponent);var _proto=VirtualizedList.prototype;function VirtualizedList(_props,context){var _this;(_this=_React$PureComponent.call(this,_props,context)||this)._getScrollMetrics=function(){return _this._scrollMetrics},_this._getOutermostParentListRef=function(){return _this._isNestedWithSameOrientation()?_this.context.virtualizedList.getOutermostParentListRef():function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}(_this)},_this._getNestedChildState=function(key){var existingChildData=_this._nestedChildLists.get(key);return existingChildData&&existingChildData.state},_this._registerAsNestedChild=function(childList){var childListsInCell=_this._cellKeysToChildListKeys.get(childList.cellKey)||new Set;childListsInCell.add(childList.key),_this._cellKeysToChildListKeys.set(childList.cellKey,childListsInCell);var existingChildData=_this._nestedChildLists.get(childList.key);existingChildData&&null!==existingChildData.ref&&console.error("A VirtualizedList contains a cell which itself contains more than one VirtualizedList of the same orientation as the parent list. You must pass a unique listKey prop to each sibling list."),_this._nestedChildLists.set(childList.key,{ref:childList.ref,state:null}),_this._hasInteracted&&childList.ref.recordInteraction()},_this._unregisterAsNestedChild=function(childList){_this._nestedChildLists.set(childList.key,{ref:null,state:childList.state})},_this._onUpdateSeparators=function(keys,newProps){keys.forEach((function(key){var ref=null!=key&&_this._cellRefs[key];ref&&ref.updateSeparatorProps(newProps)}))},_this._averageCellLength=0,_this._cellKeysToChildListKeys=new Map,_this._cellRefs={},_this._frames={},_this._footerLength=0,_this._hasDataChangedSinceEndReached=!0,_this._hasDoneInitialScroll=!1,_this._hasInteracted=!1,_this._hasMore=!1,_this._hasWarned={},_this._headerLength=0,_this._hiPriInProgress=!1,_this._highestMeasuredFrameIndex=0,_this._indicesToKeys=new Map,_this._nestedChildLists=new Map,_this._offsetFromParentVirtualizedList=0,_this._prevParentOffset=0,_this._scrollMetrics={contentLength:0,dOffset:0,dt:10,offset:0,timestamp:0,velocity:0,visibleLength:0},_this._scrollRef=null,_this._sentEndForContentLength=0,_this._totalCellLength=0,_this._totalCellsMeasured=0,_this._viewabilityTuples=[],_this._captureScrollRef=function(ref){_this._scrollRef=ref},_this._defaultRenderScrollComponent=function(props){var onRefresh=props.onRefresh;return _this._isNestedWithSameOrientation()?react.createElement(View.default,props):onRefresh?(invariant_default()("boolean"==typeof props.refreshing,"`refreshing` prop must be set as a boolean in order to use `onRefresh`, but got `"+JSON.stringify(props.refreshing)+"`"),react.createElement(ScrollView.default,_extends({},props,{refreshControl:null==props.refreshControl?react.createElement(exports_RefreshControl,{refreshing:props.refreshing,onRefresh:onRefresh,progressViewOffset:props.progressViewOffset}):props.refreshControl}))):react.createElement(ScrollView.default,props)},_this._onCellUnmount=function(cellKey){var curr=_this._frames[cellKey];curr&&(_this._frames[cellKey]=VirtualizedList_objectSpread({},curr,{inLayout:!1}))},_this._onLayout=function(e){_this._isNestedWithSameOrientation()?_this.measureLayoutRelativeToContainingList():_this._scrollMetrics.visibleLength=_this._selectLength(e.nativeEvent.layout),_this.props.onLayout&&_this.props.onLayout(e),_this._scheduleCellsToRenderUpdate(),_this._maybeCallOnEndReached()},_this._onLayoutEmpty=function(e){_this.props.onLayout&&_this.props.onLayout(e)},_this._onLayoutFooter=function(e){_this._footerLength=_this._selectLength(e.nativeEvent.layout)},_this._onLayoutHeader=function(e){_this._headerLength=_this._selectLength(e.nativeEvent.layout)},_this._onContentSizeChange=function(width,height){width>0&&height>0&&null!=_this.props.initialScrollIndex&&_this.props.initialScrollIndex>0&&!_this._hasDoneInitialScroll&&(_this.scrollToIndex({animated:!1,index:_this.props.initialScrollIndex}),_this._hasDoneInitialScroll=!0),_this.props.onContentSizeChange&&_this.props.onContentSizeChange(width,height),_this._scrollMetrics.contentLength=_this._selectLength({height:height,width:width}),_this._scheduleCellsToRenderUpdate(),_this._maybeCallOnEndReached()},_this._convertParentScrollMetrics=function(metrics){var offset=metrics.offset-_this._offsetFromParentVirtualizedList,visibleLength=metrics.visibleLength,dOffset=offset-_this._scrollMetrics.offset;return{visibleLength:visibleLength,contentLength:_this._scrollMetrics.contentLength,offset:offset,dOffset:dOffset}},_this._onScroll=function(e){_this._nestedChildLists.forEach((function(childList){childList.ref&&childList.ref._onScroll(e)})),_this.props.onScroll&&_this.props.onScroll(e);var timestamp=e.timeStamp,visibleLength=_this._selectLength(e.nativeEvent.layoutMeasurement),contentLength=_this._selectLength(e.nativeEvent.contentSize),offset=_this._selectOffset(e.nativeEvent.contentOffset),dOffset=offset-_this._scrollMetrics.offset;if(_this._isNestedWithSameOrientation()){if(0===_this._scrollMetrics.contentLength)return;var _this$_convertParentS=_this._convertParentScrollMetrics({visibleLength:visibleLength,offset:offset});visibleLength=_this$_convertParentS.visibleLength,contentLength=_this$_convertParentS.contentLength,offset=_this$_convertParentS.offset,dOffset=_this$_convertParentS.dOffset}var dt=_this._scrollMetrics.timestamp?Math.max(1,timestamp-_this._scrollMetrics.timestamp):1,velocity=dOffset/dt;dt>500&&_this._scrollMetrics.dt>500&&contentLength>5*visibleLength&&!_this._hasWarned.perf&&(react_native_infoLog("VirtualizedList: You have a large list that is slow to update - make sure your renderItem function renders components that follow React performance best practices like PureComponent, shouldComponentUpdate, etc.",{dt:dt,prevDt:_this._scrollMetrics.dt,contentLength:contentLength}),_this._hasWarned.perf=!0),_this._scrollMetrics={contentLength:contentLength,dt:dt,dOffset:dOffset,offset:offset,timestamp:timestamp,velocity:velocity,visibleLength:visibleLength},_this._updateViewableItems(_this.props.data),_this.props&&(_this._maybeCallOnEndReached(),0!==velocity&&_this._fillRateHelper.activate(),_this._computeBlankness(),_this._scheduleCellsToRenderUpdate())},_this._onScrollBeginDrag=function(e){_this._nestedChildLists.forEach((function(childList){childList.ref&&childList.ref._onScrollBeginDrag(e)})),_this._viewabilityTuples.forEach((function(tuple){tuple.viewabilityHelper.recordInteraction()})),_this._hasInteracted=!0,_this.props.onScrollBeginDrag&&_this.props.onScrollBeginDrag(e)},_this._onScrollEndDrag=function(e){var velocity=e.nativeEvent.velocity;velocity&&(_this._scrollMetrics.velocity=_this._selectOffset(velocity)),_this._computeBlankness(),_this.props.onScrollEndDrag&&_this.props.onScrollEndDrag(e)},_this._onMomentumScrollEnd=function(e){_this._scrollMetrics.velocity=0,_this._computeBlankness(),_this.props.onMomentumScrollEnd&&_this.props.onMomentumScrollEnd(e)},_this._updateCellsToRender=function(){var _this$props3=_this.props,data=_this$props3.data,getItemCount=_this$props3.getItemCount,onEndReachedThreshold=_this$props3.onEndReachedThreshold,isVirtualizationDisabled=_this._isVirtualizationDisabled();_this._updateViewableItems(data),data&&_this.setState((function(state){var newState;if(isVirtualizationDisabled){var _this$_scrollMetrics=_this._scrollMetrics,contentLength=_this$_scrollMetrics.contentLength,offset=_this$_scrollMetrics.offset,visibleLength=_this$_scrollMetrics.visibleLength,renderAhead=contentLength-visibleLength-offset<onEndReachedThreshold*visibleLength?_this.props.maxToRenderPerBatch:0;newState={first:0,last:Math.min(state.last+renderAhead,getItemCount(data)-1)}}else _this._scrollMetrics.visibleLength&&(_this.props.initialScrollIndex&&!_this._scrollMetrics.offset||(newState=computeWindowedRenderLimits(_this.props,state,_this._getFrameMetricsApprox,_this._scrollMetrics)));if(newState&&_this._nestedChildLists.size>0)for(var newFirst=newState.first,newLast=newState.last,ii=newFirst;ii<=newLast;ii++){var cellKeyForIndex=_this._indicesToKeys.get(ii),childListKeys=cellKeyForIndex&&_this._cellKeysToChildListKeys.get(cellKeyForIndex);if(childListKeys){var someChildHasMore=!1,_iterator=childListKeys,_isArray=Array.isArray(_iterator),_i=0;for(_iterator=_isArray?_iterator:_iterator[Symbol.iterator]();;){var _ref;if(_isArray){if(_i>=_iterator.length)break;_ref=_iterator[_i++]}else{if((_i=_iterator.next()).done)break;_ref=_i.value}var childKey=_ref,childList=_this._nestedChildLists.get(childKey);if(childList&&childList.ref&&childList.ref.hasMore()){someChildHasMore=!0;break}}if(someChildHasMore){newState.last=ii;break}}}return newState}))},_this._createViewToken=function(index,isViewable){var _this$props4=_this.props,data=_this$props4.data,getItem=_this$props4.getItem,keyExtractor=_this$props4.keyExtractor,item=getItem(data,index);return{index:index,item:item,key:keyExtractor(item,index),isViewable:isViewable}},_this._getFrameMetricsApprox=function(index){var frame=_this._getFrameMetrics(index);if(frame&&frame.index===index)return frame;var getItemLayout=_this.props.getItemLayout;return invariant_default()(!getItemLayout,"Should not have to estimate frames when a measurement metrics function is provided"),{length:_this._averageCellLength,offset:_this._averageCellLength*index}},_this._getFrameMetrics=function(index){var _this$props5=_this.props,data=_this$props5.data,getItem=_this$props5.getItem,getItemCount=_this$props5.getItemCount,getItemLayout=_this$props5.getItemLayout,keyExtractor=_this$props5.keyExtractor;invariant_default()(getItemCount(data)>index,"Tried to get frame for out of range index "+index);var item=getItem(data,index),frame=item&&_this._frames[keyExtractor(item,index)];if((!frame||frame.index!==index)&&getItemLayout&&(frame=getItemLayout(data,index),__DEV__)){var frameType=prop_types_default.a.shape({length:prop_types_default.a.number.isRequired,offset:prop_types_default.a.number.isRequired,index:prop_types_default.a.number.isRequired}).isRequired;prop_types_default.a.checkPropTypes({frame:frameType},{frame:frame},"frame","VirtualizedList.getItemLayout")}return frame},invariant_default()(!_props.onScroll||!_props.onScroll.__isNative,"Components based on VirtualizedList must be wrapped with Animated.createAnimatedComponent to support native onScroll events with useNativeDriver"),invariant_default()(_props.windowSize>0,"VirtualizedList: The windowSize prop must be present and set to a value greater than 0."),_this._fillRateHelper=new react_native_FillRateHelper(_this._getFrameMetrics),_this._updateCellsToRenderBatcher=new react_native_Batchinator(_this._updateCellsToRender,_this.props.updateCellsBatchingPeriod),_this.props.viewabilityConfigCallbackPairs?_this._viewabilityTuples=_this.props.viewabilityConfigCallbackPairs.map((function(pair){return{viewabilityHelper:new react_native_ViewabilityHelper(pair.viewabilityConfig),onViewableItemsChanged:pair.onViewableItemsChanged}})):_this.props.onViewableItemsChanged&&_this._viewabilityTuples.push({viewabilityHelper:new react_native_ViewabilityHelper(_this.props.viewabilityConfig),onViewableItemsChanged:_this.props.onViewableItemsChanged});var initialState={first:_this.props.initialScrollIndex||0,last:Math.min(_this.props.getItemCount(_this.props.data),(_this.props.initialScrollIndex||0)+_this.props.initialNumToRender)-1};if(_this._isNestedWithSameOrientation()){var storedState=_this.context.virtualizedList.getNestedChildState(_this.props.listKey||_this._getCellKey());storedState&&(initialState=storedState,_this.state=storedState,_this._frames=storedState.frames)}return _this.state=initialState,_this}return _proto.scrollToEnd=function scrollToEnd(params){var animated=!params||params.animated,veryLast=this.props.getItemCount(this.props.data)-1,frame=this._getFrameMetricsApprox(veryLast),offset=Math.max(0,frame.offset+frame.length+this._footerLength-this._scrollMetrics.visibleLength);this._scrollRef.scrollTo(this.props.horizontal?{x:offset,animated:animated}:{y:offset,animated:animated})},_proto.scrollToIndex=function scrollToIndex(params){var _this$props=this.props,data=_this$props.data,horizontal=_this$props.horizontal,getItemCount=_this$props.getItemCount,getItemLayout=_this$props.getItemLayout,onScrollToIndexFailed=_this$props.onScrollToIndexFailed,animated=params.animated,index=params.index,viewOffset=params.viewOffset,viewPosition=params.viewPosition;if(invariant_default()(index>=0&&index<getItemCount(data),"scrollToIndex out of range: "+index+" vs "+(getItemCount(data)-1)),!getItemLayout&&index>this._highestMeasuredFrameIndex)return invariant_default()(!!onScrollToIndexFailed,"scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed, otherwise there is no way to know the location of offscreen indices or handle failures."),void onScrollToIndexFailed({averageItemLength:this._averageCellLength,highestMeasuredFrameIndex:this._highestMeasuredFrameIndex,index:index});var frame=this._getFrameMetricsApprox(index),offset=Math.max(0,frame.offset-(viewPosition||0)*(this._scrollMetrics.visibleLength-frame.length))-(viewOffset||0);this._scrollRef.scrollTo(horizontal?{x:offset,animated:animated}:{y:offset,animated:animated})},_proto.scrollToItem=function scrollToItem(params){for(var item=params.item,_this$props2=this.props,data=_this$props2.data,getItem=_this$props2.getItem,itemCount=(0,_this$props2.getItemCount)(data),_index=0;_index<itemCount;_index++)if(getItem(data,_index)===item){this.scrollToIndex(VirtualizedList_objectSpread({},params,{index:_index}));break}},_proto.scrollToOffset=function scrollToOffset(params){var animated=params.animated,offset=params.offset;this._scrollRef.scrollTo(this.props.horizontal?{x:offset,animated:animated}:{y:offset,animated:animated})},_proto.recordInteraction=function recordInteraction(){this._nestedChildLists.forEach((function(childList){childList.ref&&childList.ref.recordInteraction()})),this._viewabilityTuples.forEach((function(t){t.viewabilityHelper.recordInteraction()})),this._updateViewableItems(this.props.data)},_proto.flashScrollIndicators=function flashScrollIndicators(){this._scrollRef.flashScrollIndicators()},_proto.getScrollResponder=function getScrollResponder(){if(this._scrollRef&&this._scrollRef.getScrollResponder)return this._scrollRef.getScrollResponder()},_proto.getScrollableNode=function getScrollableNode(){return this._scrollRef&&this._scrollRef.getScrollableNode?this._scrollRef.getScrollableNode():Object(findNodeHandle.a)(this._scrollRef)},_proto.getScrollRef=function getScrollRef(){return this._scrollRef&&this._scrollRef.getScrollRef?this._scrollRef.getScrollRef():this._scrollRef},_proto.setNativeProps=function setNativeProps(props){this._scrollRef&&this._scrollRef.setNativeProps(props)},_proto.getChildContext=function getChildContext(){return{virtualizedList:{getScrollMetrics:this._getScrollMetrics,horizontal:this.props.horizontal,getOutermostParentListRef:this._getOutermostParentListRef,getNestedChildState:this._getNestedChildState,registerAsNestedChild:this._registerAsNestedChild,unregisterAsNestedChild:this._unregisterAsNestedChild}}},_proto._getCellKey=function _getCellKey(){return this.context.virtualizedCell&&this.context.virtualizedCell.cellKey||"rootList"},_proto.hasMore=function hasMore(){return this._hasMore},_proto.componentDidMount=function componentDidMount(){this._isNestedWithSameOrientation()&&this.context.virtualizedList.registerAsNestedChild({cellKey:this._getCellKey(),key:this.props.listKey||this._getCellKey(),ref:this})},_proto.componentWillUnmount=function componentWillUnmount(){this._isNestedWithSameOrientation()&&this.context.virtualizedList.unregisterAsNestedChild({key:this.props.listKey||this._getCellKey(),state:{first:this.state.first,last:this.state.last,frames:this._frames}}),this._updateViewableItems(null),this._updateCellsToRenderBatcher.dispose({abort:!0}),this._viewabilityTuples.forEach((function(tuple){tuple.viewabilityHelper.dispose()})),this._fillRateHelper.deactivateAndFlush()},VirtualizedList.getDerivedStateFromProps=function getDerivedStateFromProps(newProps,prevState){var data=newProps.data,getItemCount=newProps.getItemCount,maxToRenderPerBatch=newProps.maxToRenderPerBatch;return{first:Math.max(0,Math.min(prevState.first,getItemCount(data)-1-maxToRenderPerBatch)),last:Math.max(0,Math.min(prevState.last,getItemCount(data)-1))}},_proto._pushCells=function _pushCells(cells,stickyHeaderIndices,stickyIndicesFromProps,first,last,inversionStyle){var prevCellKey,_this2=this,_this$props6=this.props,CellRendererComponent=_this$props6.CellRendererComponent,ItemSeparatorComponent=_this$props6.ItemSeparatorComponent,data=_this$props6.data,getItem=_this$props6.getItem,getItemCount=_this$props6.getItemCount,horizontal=_this$props6.horizontal,keyExtractor=_this$props6.keyExtractor,stickyOffset=this.props.ListHeaderComponent?1:0,end=getItemCount(data)-1;last=Math.min(end,last);for(var _loop=function _loop(ii){var item=getItem(data,ii),key=keyExtractor(item,ii);_this2._indicesToKeys.set(ii,key),stickyIndicesFromProps.has(ii+stickyOffset)&&stickyHeaderIndices.push(cells.length),cells.push(react.createElement(VirtualizedList_CellRenderer,{CellRendererComponent:CellRendererComponent,ItemSeparatorComponent:ii<end?ItemSeparatorComponent:void 0,cellKey:key,fillRateHelper:_this2._fillRateHelper,horizontal:horizontal,index:ii,inversionStyle:inversionStyle,item:item,key:key,prevCellKey:prevCellKey,onUpdateSeparators:_this2._onUpdateSeparators,onLayout:function onLayout(e){return _this2._onCellLayout(e,key,ii)},onUnmount:_this2._onCellUnmount,parentProps:_this2.props,ref:function ref(_ref2){_this2._cellRefs[key]=_ref2}})),prevCellKey=key},ii=first;ii<=last;ii++)_loop(ii)},_proto._isVirtualizationDisabled=function _isVirtualizationDisabled(){return this.props.disableVirtualization||!1},_proto._isNestedWithSameOrientation=function _isNestedWithSameOrientation(){var nestedContext=this.context.virtualizedList;return!(!nestedContext||!!nestedContext.horizontal!=!!this.props.horizontal)},_proto.render=function render(){var _this3=this;if(__DEV__){var flatStyles=flattenStyle(this.props.contentContainerStyle);warning_default()(null==flatStyles||"wrap"!==flatStyles.flexWrap,"`flexWrap: `wrap`` is not supported with the `VirtualizedList` components.Consider using `numColumns` with `FlatList` instead.")}var _this$props7=this.props,ListEmptyComponent=_this$props7.ListEmptyComponent,ListFooterComponent=_this$props7.ListFooterComponent,ListHeaderComponent=_this$props7.ListHeaderComponent,_this$props8=this.props,data=_this$props8.data,horizontal=_this$props8.horizontal,isVirtualizationDisabled=this._isVirtualizationDisabled(),inversionStyle=this.props.inverted?this.props.horizontal?styles.horizontallyInverted:styles.verticallyInverted:null,cells=[],stickyIndicesFromProps=new Set(this.props.stickyHeaderIndices),stickyHeaderIndices=[];if(ListHeaderComponent){stickyIndicesFromProps.has(0)&&stickyHeaderIndices.push(0);var element=react.isValidElement(ListHeaderComponent)?ListHeaderComponent:react.createElement(ListHeaderComponent,null);cells.push(react.createElement(VirtualizedCellWrapper,{cellKey:this._getCellKey()+"-header",key:"$header"},react.createElement(View.default,{onLayout:this._onLayoutHeader,style:StyleSheet.default.compose(inversionStyle,this.props.ListHeaderComponentStyle)},element)))}var itemCount=this.props.getItemCount(data);if(itemCount>0){_usedIndexForKey=!1,_keylessItemComponentName="";var spacerKey=horizontal?"width":"height",lastInitialIndex=this.props.initialScrollIndex?-1:this.props.initialNumToRender-1,_this$state=this.state,first=_this$state.first,last=_this$state.last;this._pushCells(cells,stickyHeaderIndices,stickyIndicesFromProps,0,lastInitialIndex,inversionStyle);var firstAfterInitial=Math.max(lastInitialIndex+1,first);if(!isVirtualizationDisabled&&first>lastInitialIndex+1){var insertedStickySpacer=!1;if(stickyIndicesFromProps.size>0)for(var stickyOffset=ListHeaderComponent?1:0,ii=firstAfterInitial-1;ii>lastInitialIndex;ii--)if(stickyIndicesFromProps.has(ii+stickyOffset)){var _ref3,_ref4,initBlock=this._getFrameMetricsApprox(lastInitialIndex),stickyBlock=this._getFrameMetricsApprox(ii),leadSpace=stickyBlock.offset-initBlock.offset-(this.props.initialScrollIndex?0:initBlock.length);cells.push(react.createElement(View.default,{key:"$sticky_lead",style:(_ref3={},_ref3[spacerKey]=leadSpace,_ref3)})),this._pushCells(cells,stickyHeaderIndices,stickyIndicesFromProps,ii,ii,inversionStyle);var trailSpace=this._getFrameMetricsApprox(first).offset-(stickyBlock.offset+stickyBlock.length);cells.push(react.createElement(View.default,{key:"$sticky_trail",style:(_ref4={},_ref4[spacerKey]=trailSpace,_ref4)})),insertedStickySpacer=!0;break}if(!insertedStickySpacer){var _ref5,_initBlock=this._getFrameMetricsApprox(lastInitialIndex),firstSpace=this._getFrameMetricsApprox(first).offset-(_initBlock.offset+_initBlock.length);cells.push(react.createElement(View.default,{key:"$lead_spacer",style:(_ref5={},_ref5[spacerKey]=firstSpace,_ref5)}))}}if(this._pushCells(cells,stickyHeaderIndices,stickyIndicesFromProps,firstAfterInitial,last,inversionStyle),!this._hasWarned.keys&&_usedIndexForKey&&(console.warn("VirtualizedList: missing keys for items, make sure to specify a key or id property on each item or provide a custom keyExtractor.",_keylessItemComponentName),this._hasWarned.keys=!0),!isVirtualizationDisabled&&last<itemCount-1){var _ref6,lastFrame=this._getFrameMetricsApprox(last),end=this.props.getItemLayout?itemCount-1:Math.min(itemCount-1,this._highestMeasuredFrameIndex),endFrame=this._getFrameMetricsApprox(end),tailSpacerLength=endFrame.offset+endFrame.length-(lastFrame.offset+lastFrame.length);cells.push(react.createElement(View.default,{key:"$tail_spacer",style:(_ref6={},_ref6[spacerKey]=tailSpacerLength,_ref6)}))}}else if(ListEmptyComponent){var _element=react.isValidElement(ListEmptyComponent)?ListEmptyComponent:react.createElement(ListEmptyComponent,null);cells.push(react.cloneElement(_element,{key:"$empty",onLayout:function onLayout(event){_this3._onLayoutEmpty(event),_element.props.onLayout&&_element.props.onLayout(event)},style:StyleSheet.default.compose(inversionStyle,_element.props.style)}))}if(ListFooterComponent){var _element2=react.isValidElement(ListFooterComponent)?ListFooterComponent:react.createElement(ListFooterComponent,null);cells.push(react.createElement(VirtualizedCellWrapper,{cellKey:this._getCellKey()+"-footer",key:"$footer"},react.createElement(View.default,{onLayout:this._onLayoutFooter,style:StyleSheet.default.compose(inversionStyle,this.props.ListFooterComponentStyle)},_element2)))}var scrollProps=VirtualizedList_objectSpread({},this.props,{onContentSizeChange:this._onContentSizeChange,onLayout:this._onLayout,onScroll:this._onScroll,onScrollBeginDrag:this._onScrollBeginDrag,onScrollEndDrag:this._onScrollEndDrag,onMomentumScrollEnd:this._onMomentumScrollEnd,scrollEventThrottle:this.props.scrollEventThrottle,invertStickyHeaders:void 0!==this.props.invertStickyHeaders?this.props.invertStickyHeaders:this.props.inverted,stickyHeaderIndices:stickyHeaderIndices});inversionStyle&&(scrollProps.style=[inversionStyle,this.props.style]),this._hasMore=this.state.last<this.props.getItemCount(this.props.data)-1;var ret=react.cloneElement((this.props.renderScrollComponent||this._defaultRenderScrollComponent)(scrollProps),{ref:this._captureScrollRef},cells);return this.props.debug?react.createElement(View.default,{style:styles.debug},ret,this._renderDebugOverlay()):ret},_proto.componentDidUpdate=function componentDidUpdate(prevProps){var _this$props9=this.props,data=_this$props9.data,extraData=_this$props9.extraData;data===prevProps.data&&extraData===prevProps.extraData||(this._hasDataChangedSinceEndReached=!0,this._viewabilityTuples.forEach((function(tuple){tuple.viewabilityHelper.resetViewableIndices()})));var hiPriInProgress=this._hiPriInProgress;this._scheduleCellsToRenderUpdate(),hiPriInProgress&&(this._hiPriInProgress=!1)},_proto._computeBlankness=function _computeBlankness(){this._fillRateHelper.computeBlankness(this.props,this.state,this._scrollMetrics)},_proto._onCellLayout=function _onCellLayout(e,cellKey,index){var layout=e.nativeEvent.layout,next={offset:this._selectOffset(layout),length:this._selectLength(layout),index:index,inLayout:!0},curr=this._frames[cellKey];curr&&next.offset===curr.offset&&next.length===curr.length&&index===curr.index?this._frames[cellKey].inLayout=!0:(this._totalCellLength+=next.length-(curr?curr.length:0),this._totalCellsMeasured+=curr?0:1,this._averageCellLength=this._totalCellLength/this._totalCellsMeasured,this._frames[cellKey]=next,this._highestMeasuredFrameIndex=Math.max(this._highestMeasuredFrameIndex,index),this._scheduleCellsToRenderUpdate());var childListKeys=this._cellKeysToChildListKeys.get(cellKey);if(childListKeys){var _iterator2=childListKeys,_isArray2=Array.isArray(_iterator2),_i2=0;for(_iterator2=_isArray2?_iterator2:_iterator2[Symbol.iterator]();;){var _ref7;if(_isArray2){if(_i2>=_iterator2.length)break;_ref7=_iterator2[_i2++]}else{if((_i2=_iterator2.next()).done)break;_ref7=_i2.value}var childKey=_ref7,childList=this._nestedChildLists.get(childKey);childList&&childList.ref&&childList.ref.measureLayoutRelativeToContainingList()}}this._computeBlankness(),this._updateViewableItems(this.props.data)},_proto.measureLayoutRelativeToContainingList=function measureLayoutRelativeToContainingList(){var _this4=this;try{if(!this._scrollRef)return;this._scrollRef.measureLayout(this.context.virtualizedList.getOutermostParentListRef().getScrollRef().getNativeScrollRef(),(function(x,y,width,height){_this4._offsetFromParentVirtualizedList=_this4._selectOffset({x:x,y:y}),_this4._scrollMetrics.contentLength=_this4._selectLength({width:width,height:height});var scrollMetrics=_this4._convertParentScrollMetrics(_this4.context.virtualizedList.getScrollMetrics());_this4._scrollMetrics.visibleLength=scrollMetrics.visibleLength,_this4._scrollMetrics.offset=scrollMetrics.offset}),(function(error){console.warn("VirtualizedList: Encountered an error while measuring a list's offset from its containing VirtualizedList.")}))}catch(error){console.warn("measureLayoutRelativeToContainingList threw an error",error.stack)}},_proto._renderDebugOverlay=function _renderDebugOverlay(){for(var normalize=this._scrollMetrics.visibleLength/(this._scrollMetrics.contentLength||1),framesInLayout=[],itemCount=this.props.getItemCount(this.props.data),ii=0;ii<itemCount;ii++){var frame=this._getFrameMetricsApprox(ii);frame.inLayout&&framesInLayout.push(frame)}var windowTop=this._getFrameMetricsApprox(this.state.first).offset,frameLast=this._getFrameMetricsApprox(this.state.last),windowLen=frameLast.offset+frameLast.length-windowTop,visTop=this._scrollMetrics.offset,visLen=this._scrollMetrics.visibleLength;return react.createElement(View.default,{style:[styles.debugOverlayBase,styles.debugOverlay]},framesInLayout.map((function(f,ii){return react.createElement(View.default,{key:"f"+ii,style:[styles.debugOverlayBase,styles.debugOverlayFrame,{top:f.offset*normalize,height:f.length*normalize}]})})),react.createElement(View.default,{style:[styles.debugOverlayBase,styles.debugOverlayFrameLast,{top:windowTop*normalize,height:windowLen*normalize}]}),react.createElement(View.default,{style:[styles.debugOverlayBase,styles.debugOverlayFrameVis,{top:visTop*normalize,height:visLen*normalize}]}))},_proto._selectLength=function _selectLength(metrics){return this.props.horizontal?metrics.width:metrics.height},_proto._selectOffset=function _selectOffset(metrics){return this.props.horizontal?metrics.x:metrics.y},_proto._maybeCallOnEndReached=function _maybeCallOnEndReached(){var _this$props10=this.props,data=_this$props10.data,getItemCount=_this$props10.getItemCount,onEndReached=_this$props10.onEndReached,onEndReachedThreshold=_this$props10.onEndReachedThreshold,_this$_scrollMetrics2=this._scrollMetrics,contentLength=_this$_scrollMetrics2.contentLength,visibleLength=_this$_scrollMetrics2.visibleLength,distanceFromEnd=contentLength-visibleLength-_this$_scrollMetrics2.offset;onEndReached&&this.state.last===getItemCount(data)-1&&distanceFromEnd<onEndReachedThreshold*visibleLength&&(this._hasDataChangedSinceEndReached||this._scrollMetrics.contentLength!==this._sentEndForContentLength)&&(this._hasDataChangedSinceEndReached=!1,this._sentEndForContentLength=this._scrollMetrics.contentLength,onEndReached({distanceFromEnd:distanceFromEnd}))},_proto._scheduleCellsToRenderUpdate=function _scheduleCellsToRenderUpdate(){var _this$state2=this.state,first=_this$state2.first,last=_this$state2.last,_this$_scrollMetrics3=this._scrollMetrics,offset=_this$_scrollMetrics3.offset,visibleLength=_this$_scrollMetrics3.visibleLength,velocity=_this$_scrollMetrics3.velocity,itemCount=this.props.getItemCount(this.props.data),hiPri=!1,scrollingThreshold=this.props.onEndReachedThreshold*visibleLength/2;if(first>0){var distTop=offset-this._getFrameMetricsApprox(first).offset;hiPri=hiPri||distTop<0||velocity<-2&&distTop<scrollingThreshold}if(last<itemCount-1){var distBottom=this._getFrameMetricsApprox(last).offset-(offset+visibleLength);hiPri=hiPri||distBottom<0||velocity>2&&distBottom<scrollingThreshold}if(hiPri&&(this._averageCellLength||this.props.getItemLayout)&&!this._hiPriInProgress)return this._hiPriInProgress=!0,this._updateCellsToRenderBatcher.dispose({abort:!0}),void this._updateCellsToRender();this._updateCellsToRenderBatcher.schedule()},_proto._updateViewableItems=function _updateViewableItems(data){var _this5=this,getItemCount=this.props.getItemCount;this._viewabilityTuples.forEach((function(tuple){tuple.viewabilityHelper.onUpdate(getItemCount(data),_this5._scrollMetrics.offset,_this5._scrollMetrics.visibleLength,_this5._getFrameMetrics,_this5._createViewToken,tuple.onViewableItemsChanged,_this5.state)}))},VirtualizedList}(react.PureComponent);VirtualizedList_VirtualizedList.defaultProps={disableVirtualization:!1,horizontal:!1,initialNumToRender:10,keyExtractor:function keyExtractor(item,index){return null!=item.key?item.key:null!=item.id?item.id:(_usedIndexForKey=!0,item.type&&item.type.displayName&&(_keylessItemComponentName=item.type.displayName),String(index))},maxToRenderPerBatch:10,onEndReachedThreshold:2,scrollEventThrottle:50,updateCellsBatchingPeriod:50,windowSize:21},VirtualizedList_VirtualizedList.contextTypes={virtualizedCell:prop_types_default.a.shape({cellKey:prop_types_default.a.string}),virtualizedList:prop_types_default.a.shape({getScrollMetrics:prop_types_default.a.func,horizontal:prop_types_default.a.bool,getOutermostParentListRef:prop_types_default.a.func,getNestedChildState:prop_types_default.a.func,registerAsNestedChild:prop_types_default.a.func,unregisterAsNestedChild:prop_types_default.a.func})},VirtualizedList_VirtualizedList.childContextTypes={virtualizedList:prop_types_default.a.shape({getScrollMetrics:prop_types_default.a.func,horizontal:prop_types_default.a.bool,getOutermostParentListRef:prop_types_default.a.func,getNestedChildState:prop_types_default.a.func,registerAsNestedChild:prop_types_default.a.func,unregisterAsNestedChild:prop_types_default.a.func})};var VirtualizedList_CellRenderer=function(_React$Component){function CellRenderer(){for(var _this6,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this6=_React$Component.call.apply(_React$Component,[this].concat(args))||this).state={separatorProps:{highlighted:!1,leadingItem:_this6.props.item}},_this6._separators={highlight:function highlight(){var _this6$props=_this6.props,cellKey=_this6$props.cellKey,prevCellKey=_this6$props.prevCellKey;_this6.props.onUpdateSeparators([cellKey,prevCellKey],{highlighted:!0})},unhighlight:function unhighlight(){var _this6$props2=_this6.props,cellKey=_this6$props2.cellKey,prevCellKey=_this6$props2.prevCellKey;_this6.props.onUpdateSeparators([cellKey,prevCellKey],{highlighted:!1})},updateProps:function updateProps(select,newProps){var _this6$props3=_this6.props,cellKey=_this6$props3.cellKey,prevCellKey=_this6$props3.prevCellKey;_this6.props.onUpdateSeparators(["leading"===select?prevCellKey:cellKey],newProps)}},_this6}_inheritsLoose(CellRenderer,_React$Component);var _proto2=CellRenderer.prototype;return _proto2.getChildContext=function getChildContext(){return{virtualizedCell:{cellKey:this.props.cellKey}}},_proto2.updateSeparatorProps=function updateSeparatorProps(newProps){this.setState((function(state){return{separatorProps:VirtualizedList_objectSpread({},state.separatorProps,{},newProps)}}))},_proto2.componentWillUnmount=function componentWillUnmount(){this.props.onUnmount(this.props.cellKey)},_proto2.render=function render(){var _this$props11=this.props,CellRendererComponent=_this$props11.CellRendererComponent,ItemSeparatorComponent=_this$props11.ItemSeparatorComponent,fillRateHelper=_this$props11.fillRateHelper,horizontal=_this$props11.horizontal,item=_this$props11.item,index=_this$props11.index,inversionStyle=_this$props11.inversionStyle,parentProps=_this$props11.parentProps,renderItem=parentProps.renderItem,getItemLayout=parentProps.getItemLayout;invariant_default()(renderItem,"no renderItem!");var element=renderItem({item:item,index:index,separators:this._separators}),onLayout=!getItemLayout||parentProps.debug||fillRateHelper.enabled()?this.props.onLayout:void 0,itemSeparator=ItemSeparatorComponent&&react.createElement(ItemSeparatorComponent,this.state.separatorProps),cellStyle=inversionStyle?horizontal?[styles.rowReverse,inversionStyle]:[styles.columnReverse,inversionStyle]:horizontal?[styles.row,inversionStyle]:inversionStyle;return CellRendererComponent?react.createElement(CellRendererComponent,_extends({},this.props,{style:cellStyle,onLayout:onLayout}),element,itemSeparator):react.createElement(View.default,{style:cellStyle,onLayout:onLayout},element,itemSeparator)},CellRenderer}(react.Component);VirtualizedList_CellRenderer.childContextTypes={virtualizedCell:prop_types_default.a.shape({cellKey:prop_types_default.a.string})};var VirtualizedCellWrapper=function(_React$Component2){function VirtualizedCellWrapper(){return _React$Component2.apply(this,arguments)||this}_inheritsLoose(VirtualizedCellWrapper,_React$Component2);var _proto3=VirtualizedCellWrapper.prototype;return _proto3.getChildContext=function getChildContext(){return{virtualizedCell:{cellKey:this.props.cellKey}}},_proto3.render=function render(){return this.props.children},VirtualizedCellWrapper}(react.Component);VirtualizedCellWrapper.childContextTypes={virtualizedCell:prop_types_default.a.shape({cellKey:prop_types_default.a.string})};var styles=StyleSheet.default.create({verticallyInverted:{transform:[{scaleY:-1}]},horizontallyInverted:{transform:[{scaleX:-1}]},row:{flexDirection:"row"},rowReverse:{flexDirection:"row-reverse"},columnReverse:{flexDirection:"column-reverse"},debug:{flex:1},debugOverlayBase:{position:"absolute",top:0,right:0},debugOverlay:{bottom:0,width:20,borderColor:"blue",borderWidth:1},debugOverlayFrame:{left:0,backgroundColor:"orange"},debugOverlayFrameLast:{left:0,borderColor:"green",borderWidth:2},debugOverlayFrameVis:{left:0,borderColor:"red",borderWidth:2}});__webpack_exports__.a=VirtualizedList_VirtualizedList},18:function(module,__webpack_exports__,__webpack_require__){"use strict";var emitter_EmitterSubscription=function(_EventSubscription){function EmitterSubscription(emitter,subscriber,listener,context){var _this;return(_this=_EventSubscription.call(this,subscriber)||this).emitter=emitter,_this.listener=listener,_this.context=context,_this}return function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(EmitterSubscription,_EventSubscription),EmitterSubscription.prototype.remove=function remove(){this.emitter.removeSubscription(this)},EmitterSubscription}(function(){function EventSubscription(subscriber){this.subscriber=subscriber}return EventSubscription.prototype.remove=function remove(){this.subscriber.removeSubscription(this)},EventSubscription}()),invariant=__webpack_require__(5),invariant_default=__webpack_require__.n(invariant),emitter_EventSubscriptionVendor=function(){function EventSubscriptionVendor(){this._subscriptionsForType={},this._currentSubscription=null}var _proto=EventSubscriptionVendor.prototype;return _proto.addSubscription=function addSubscription(eventType,subscription){invariant_default()(subscription.subscriber===this,"The subscriber of the subscription is incorrectly set."),this._subscriptionsForType[eventType]||(this._subscriptionsForType[eventType]=[]);var key=this._subscriptionsForType[eventType].length;return this._subscriptionsForType[eventType].push(subscription),subscription.eventType=eventType,subscription.key=key,subscription},_proto.removeAllSubscriptions=function removeAllSubscriptions(eventType){void 0===eventType?this._subscriptionsForType={}:delete this._subscriptionsForType[eventType]},_proto.removeSubscription=function removeSubscription(subscription){var eventType=subscription.eventType,key=subscription.key,subscriptionsForType=this._subscriptionsForType[eventType];subscriptionsForType&&delete subscriptionsForType[key]},_proto.getSubscriptionsForType=function getSubscriptionsForType(eventType){return this._subscriptionsForType[eventType]},EventSubscriptionVendor}(),sparseFilterPredicate=function sparseFilterPredicate(){return!0},emitter_EventEmitter=function(){function EventEmitter(subscriber){this._subscriber=subscriber||new emitter_EventSubscriptionVendor}var _proto=EventEmitter.prototype;return _proto.addListener=function addListener(eventType,listener,context){return this._subscriber.addSubscription(eventType,new emitter_EmitterSubscription(this,this._subscriber,listener,context))},_proto.once=function once(eventType,listener,context){var _this=this;return this.addListener(eventType,(function(){_this.removeCurrentListener();for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];listener.apply(context,args)}))},_proto.removeAllListeners=function removeAllListeners(eventType){this._subscriber.removeAllSubscriptions(eventType)},_proto.removeCurrentListener=function removeCurrentListener(){invariant_default()(!!this._currentSubscription,"Not in an emitting cycle; there is no current subscription"),this.removeSubscription(this._currentSubscription)},_proto.removeSubscription=function removeSubscription(subscription){invariant_default()(subscription.emitter===this,"Subscription does not belong to this emitter."),this._subscriber.removeSubscription(subscription)},_proto.listeners=function listeners(eventType){var subscriptions=this._subscriber.getSubscriptionsForType(eventType);return subscriptions?subscriptions.filter(sparseFilterPredicate).map((function(subscription){return subscription.listener})):[]},_proto.emit=function emit(eventType){var subscriptions=this._subscriber.getSubscriptionsForType(eventType);if(subscriptions){for(var i=0,l=subscriptions.length;i<l;i++){var subscription=subscriptions[i];subscription&&subscription.listener&&(this._currentSubscription=subscription,subscription.listener.apply(subscription.context,Array.prototype.slice.call(arguments,1)))}this._currentSubscription=null}},_proto.removeListener=function removeListener(eventType,listener){var subscriptions=this._subscriber.getSubscriptionsForType(eventType);if(subscriptions)for(var i=0,l=subscriptions.length;i<l;i++){var subscription=subscriptions[i];subscription&&subscription.listener===listener&&subscription.remove()}},EventEmitter}();var NativeEventEmitter_RCTDeviceEventEmitter=new(function(_EventEmitter){function RCTDeviceEventEmitter(){var _this,sharedSubscriber=new emitter_EventSubscriptionVendor;return(_this=_EventEmitter.call(this,sharedSubscriber)||this).sharedSubscriber=sharedSubscriber,_this}!function RCTDeviceEventEmitter_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(RCTDeviceEventEmitter,_EventEmitter);var _proto=RCTDeviceEventEmitter.prototype;return _proto.addListener=function addListener(eventType,listener,context){return _EventEmitter.prototype.addListener.call(this,eventType,listener,context)},_proto.removeAllListeners=function removeAllListeners(eventType){_EventEmitter.prototype.removeAllListeners.call(this,eventType)},_proto.removeSubscription=function removeSubscription(subscription){subscription.emitter!==this?subscription.emitter.removeSubscription(subscription):_EventEmitter.prototype.removeSubscription.call(this,subscription)},RCTDeviceEventEmitter}(emitter_EventEmitter));var react_native_NativeEventEmitter=function(_EventEmitter){function NativeEventEmitter(nativeModule){return _EventEmitter.call(this,NativeEventEmitter_RCTDeviceEventEmitter.sharedSubscriber)||this}!function NativeEventEmitter_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(NativeEventEmitter,_EventEmitter);var _proto=NativeEventEmitter.prototype;return _proto.addListener=function addListener(eventType,listener,context){return null!=this._nativeModule&&this._nativeModule.addListener(eventType),_EventEmitter.prototype.addListener.call(this,eventType,listener,context)},_proto.removeAllListeners=function removeAllListeners(eventType){invariant_default()(eventType,"eventType argument is required.");var count=this.listeners(eventType).length;null!=this._nativeModule&&this._nativeModule.removeListeners(count),_EventEmitter.prototype.removeAllListeners.call(this,eventType)},_proto.removeSubscription=function removeSubscription(subscription){null!=this._nativeModule&&this._nativeModule.removeListeners(1),_EventEmitter.prototype.removeSubscription.call(this,subscription)},NativeEventEmitter}(emitter_EventEmitter);var NativeAnimatedModule=null;__webpack_require__.d(__webpack_exports__,"b",(function(){return generateNewAnimationId})),__webpack_require__.d(__webpack_exports__,"c",(function(){return shouldUseNativeDriver}));var nativeEventEmitter,__nativeAnimatedNodeTagCount=1,__nativeAnimationIdCount=1,queueConnections=!1,queue=[],STYLES_WHITELIST={opacity:!0,transform:!0,borderRadius:!0,borderBottomEndRadius:!0,borderBottomLeftRadius:!0,borderBottomRightRadius:!0,borderBottomStartRadius:!0,borderTopEndRadius:!0,borderTopLeftRadius:!0,borderTopRightRadius:!0,borderTopStartRadius:!0,elevation:!0,shadowOpacity:!0,shadowRadius:!0,scaleX:!0,scaleY:!0,translateX:!0,translateY:!0},TRANSFORM_WHITELIST={translateX:!0,translateY:!0,scale:!0,scaleX:!0,scaleY:!0,rotate:!0,rotateX:!0,rotateY:!0,perspective:!0},SUPPORTED_INTERPOLATION_PARAMS={inputRange:!0,outputRange:!0,extrapolate:!0,extrapolateRight:!0,extrapolateLeft:!0};function generateNewAnimationId(){return __nativeAnimationIdCount++}function shouldUseNativeDriver(config){return(!0!==config.useNativeDriver||NativeAnimatedModule)&&config.useNativeDriver||!1}var NativeAnimatedHelper={API:{enableQueue:function enableQueue(){queueConnections=!0},disableQueue:function disableQueue(){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),queueConnections=!1;for(var q=0,l=queue.length;q<l;q++){var args=queue[q];NativeAnimatedModule.connectAnimatedNodes(args[0],args[1])}queue.length=0},createAnimatedNode:function createAnimatedNode(tag,config){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.createAnimatedNode(tag,config)},startListeningToAnimatedNodeValue:function startListeningToAnimatedNodeValue(tag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.startListeningToAnimatedNodeValue(tag)},stopListeningToAnimatedNodeValue:function stopListeningToAnimatedNodeValue(tag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.stopListeningToAnimatedNodeValue(tag)},connectAnimatedNodes:function connectAnimatedNodes(parentTag,childTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),queueConnections?queue.push([parentTag,childTag]):NativeAnimatedModule.connectAnimatedNodes(parentTag,childTag)},disconnectAnimatedNodes:function disconnectAnimatedNodes(parentTag,childTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.disconnectAnimatedNodes(parentTag,childTag)},startAnimatingNode:function startAnimatingNode(animationId,nodeTag,config,endCallback){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.startAnimatingNode(animationId,nodeTag,config,endCallback)},stopAnimation:function stopAnimation(animationId){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.stopAnimation(animationId)},setAnimatedNodeValue:function setAnimatedNodeValue(nodeTag,value){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.setAnimatedNodeValue(nodeTag,value)},setAnimatedNodeOffset:function setAnimatedNodeOffset(nodeTag,offset){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.setAnimatedNodeOffset(nodeTag,offset)},flattenAnimatedNodeOffset:function flattenAnimatedNodeOffset(nodeTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.flattenAnimatedNodeOffset(nodeTag)},extractAnimatedNodeOffset:function extractAnimatedNodeOffset(nodeTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.extractAnimatedNodeOffset(nodeTag)},connectAnimatedNodeToView:function connectAnimatedNodeToView(nodeTag,viewTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.connectAnimatedNodeToView(nodeTag,viewTag)},disconnectAnimatedNodeFromView:function disconnectAnimatedNodeFromView(nodeTag,viewTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.disconnectAnimatedNodeFromView(nodeTag,viewTag)},dropAnimatedNode:function dropAnimatedNode(tag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.dropAnimatedNode(tag)},addAnimatedEventToView:function addAnimatedEventToView(viewTag,eventName,eventMapping){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.addAnimatedEventToView(viewTag,eventName,eventMapping)},removeAnimatedEventFromView:function removeAnimatedEventFromView(viewTag,eventName,animatedNodeTag){invariant_default()(NativeAnimatedModule,"Native animated module is not available"),NativeAnimatedModule.removeAnimatedEventFromView(viewTag,eventName,animatedNodeTag)}},addWhitelistedStyleProp:function addWhitelistedStyleProp(prop){STYLES_WHITELIST[prop]=!0},addWhitelistedTransformProp:function addWhitelistedTransformProp(prop){TRANSFORM_WHITELIST[prop]=!0},addWhitelistedInterpolationParam:function addWhitelistedInterpolationParam(param){SUPPORTED_INTERPOLATION_PARAMS[param]=!0},validateStyles:function validateStyles(styles){for(var _key in styles)if(!STYLES_WHITELIST.hasOwnProperty(_key))throw new Error("Style property '"+_key+"' is not supported by native animated module")},validateTransform:function validateTransform(configs){configs.forEach((function(config){if(!TRANSFORM_WHITELIST.hasOwnProperty(config.property))throw new Error("Property '"+config.property+"' is not supported by native animated module")}))},validateInterpolation:function validateInterpolation(config){for(var _key2 in config)if(!SUPPORTED_INTERPOLATION_PARAMS.hasOwnProperty(_key2))throw new Error("Interpolation property '"+_key2+"' is not supported by native animated module")},generateNewNodeTag:function generateNewNodeTag(){return __nativeAnimatedNodeTagCount++},generateNewAnimationId:generateNewAnimationId,assertNativeAnimatedModule:function assertNativeAnimatedModule(){invariant_default()(NativeAnimatedModule,"Native animated module is not available")},shouldUseNativeDriver:shouldUseNativeDriver,transformDataType:function transformDataType(value){return"string"!=typeof value?value:/deg$/.test(value)?(parseFloat(value)||0)*Math.PI/180:value},get nativeEventEmitter(){return nativeEventEmitter||(nativeEventEmitter=new react_native_NativeEventEmitter(NativeAnimatedModule)),nativeEventEmitter}};__webpack_exports__.a=NativeAnimatedHelper},198:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_modules_pick__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(122),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(70),_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(123);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var forwardPropsList={accessibilityLabel:!0,accessibilityLiveRegion:!0,accessibilityRole:!0,accessibilityState:!0,accessibilityValue:!0,accessible:!0,children:!0,disabled:!0,focusable:!0,importantForAccessibility:!0,nativeID:!0,onBlur:!0,onFocus:!0,onLayout:!0,testID:!0},pickProps=function pickProps(props){return Object(_modules_pick__WEBPACK_IMPORTED_MODULE_1__.a)(props,forwardPropsList)};var MemoedTouchableWithoutFeedback=react__WEBPACK_IMPORTED_MODULE_0__.memo(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function TouchableWithoutFeedback(props,forwardedRef){var accessible=props.accessible,delayPressIn=props.delayPressIn,delayPressOut=props.delayPressOut,delayLongPress=props.delayLongPress,disabled=props.disabled,focusable=props.focusable,onLongPress=props.onLongPress,onPress=props.onPress,onPressIn=props.onPressIn,onPressOut=props.onPressOut,rejectResponderTermination=props.rejectResponderTermination,hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),pressConfig=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return{cancelable:!rejectResponderTermination,disabled:disabled,delayLongPress:delayLongPress,delayPressStart:delayPressIn,delayPressEnd:delayPressOut,onLongPress:onLongPress,onPress:onPress,onPressStart:onPressIn,onPressEnd:onPressOut}}),[disabled,delayPressIn,delayPressOut,delayLongPress,onLongPress,onPress,onPressIn,onPressOut,rejectResponderTermination]),pressEventHandlers=Object(_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_3__.a)(hostRef,pressConfig),element=react__WEBPACK_IMPORTED_MODULE_0__.Children.only(props.children),children=[element.props.children],supportedProps=pickProps(props);supportedProps.accessible=!1!==accessible,supportedProps.accessibilityState=function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({disabled:disabled},props.accessibilityState),supportedProps.focusable=!1!==focusable&&void 0!==onPress,supportedProps.ref=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_2__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){var ref=element.ref;null!=ref&&("function"==typeof ref?ref(hostNode):ref.current=hostNode),hostRef.current=hostNode}});var elementProps=Object.assign(supportedProps,pressEventHandlers);return react__WEBPACK_IMPORTED_MODULE_0__.cloneElement.apply(react__WEBPACK_IMPORTED_MODULE_0__,[element,elementProps].concat(children))})));MemoedTouchableWithoutFeedback.displayName="TouchableWithoutFeedback",__webpack_exports__.default=MemoedTouchableWithoutFeedback},199:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var _StyleSheet__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(3),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var accessibilityValue={max:1,min:0},createSvgCircle=function createSvgCircle(style){return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("circle",{cx:"16",cy:"16",fill:"none",r:"14",strokeWidth:"4",style:style})},ActivityIndicator=Object(react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function(props,forwardedRef){var _props$animating=props.animating,animating=void 0===_props$animating||_props$animating,_props$color=props.color,color=void 0===_props$color?"#1976D2":_props$color,_props$hidesWhenStopp=props.hidesWhenStopped,hidesWhenStopped=void 0===_props$hidesWhenStopp||_props$hidesWhenStopp,_props$size=props.size,size=void 0===_props$size?"small":_props$size,style=props.style,other=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["animating","color","hidesWhenStopped","size","style"]),svg=react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("svg",{height:"100%",viewBox:"0 0 32 32",width:"100%"},createSvgCircle({stroke:color,opacity:.2}),createSvgCircle({stroke:color,strokeDasharray:80,strokeDashoffset:60}));return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_View__WEBPACK_IMPORTED_MODULE_1__.default,_extends({},other,{accessibilityRole:"progressbar",accessibilityValue:accessibilityValue,ref:forwardedRef,style:[styles.container,style]}),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_View__WEBPACK_IMPORTED_MODULE_1__.default,{children:svg,style:["number"==typeof size?{height:size,width:size}:indicatorSizes[size],styles.animation,!animating&&styles.animationPause,!animating&&hidesWhenStopped&&styles.hidesWhenStopped]}))}));ActivityIndicator.displayName="ActivityIndicator";var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_0__.default.create({container:{alignItems:"center",justifyContent:"center"},hidesWhenStopped:{visibility:"hidden"},animation:{animationDuration:"0.75s",animationKeyframes:[{"0%":{transform:[{rotate:"0deg"}]},"100%":{transform:[{rotate:"360deg"}]}}],animationTimingFunction:"linear",animationIterationCount:"infinite"},animationPause:{animationPlayState:"paused"}}),indicatorSizes=_StyleSheet__WEBPACK_IMPORTED_MODULE_0__.default.create({small:{width:20,height:20},large:{width:36,height:36}});__webpack_exports__.default=ActivityIndicator},200:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _default=_interopRequireDefault(__webpack_require__(4)).default.create({row:{flexDirection:"row",flexWrap:"wrap"},marginRight:{marginRight:10},marginBottom:{marginBottom:10},alignCenter:{alignItems:"center"}});exports.default=_default},201:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_createElement__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(87),_StyleSheet__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var CheckBox=Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,forwardedRef){var color=props.color,disabled=props.disabled,onChange=props.onChange,onValueChange=props.onValueChange,style=props.style,value=props.value,other=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["color","disabled","onChange","onValueChange","style","value"]);var fakeControl=react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_3__.default,{style:[styles.fakeControl,value&&styles.fakeControlChecked,value&&color&&{backgroundColor:color,borderColor:color},disabled&&styles.fakeControlDisabled,value&&disabled&&styles.fakeControlCheckedAndDisabled]}),nativeControl=Object(_createElement__WEBPACK_IMPORTED_MODULE_1__.a)("input",{checked:value,disabled:disabled,onChange:function handleChange(event){var value=event.nativeEvent.target.checked;event.nativeEvent.value=value,onChange&&onChange(event),onValueChange&&onValueChange(value)},ref:forwardedRef,style:[styles.nativeControl,styles.cursorInherit],type:"checkbox"});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_3__.default,_extends({},other,{style:[styles.root,style,disabled&&styles.cursorDefault]}),fakeControl,nativeControl)}));CheckBox.displayName="CheckBox";var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_2__.default.create({root:{cursor:"pointer",height:16,userSelect:"none",width:16},cursorDefault:{cursor:"default"},cursorInherit:{cursor:"inherit"},fakeControl:{alignItems:"center",backgroundColor:"#fff",borderColor:"#657786",borderRadius:2,borderStyle:"solid",borderWidth:2,height:"100%",justifyContent:"center",width:"100%"},fakeControlChecked:{backgroundColor:"#009688",backgroundImage:'url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K")',backgroundRepeat:"no-repeat",borderColor:"#009688"},fakeControlDisabled:{borderColor:"#CCD6DD"},fakeControlCheckedAndDisabled:{backgroundColor:"#AAB8C2",borderColor:"#AAB8C2"},nativeControl:function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},_StyleSheet__WEBPACK_IMPORTED_MODULE_2__.default.absoluteFillObject,{height:"100%",margin:0,opacity:0,padding:0,width:"100%"})});__webpack_exports__.default=CheckBox},202:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var _StyleSheet__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(3),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var ProgressBar=Object(react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)((function(props,ref){var _props$color=props.color,color=void 0===_props$color?"#1976D2":_props$color,_props$indeterminate=props.indeterminate,indeterminate=void 0!==_props$indeterminate&&_props$indeterminate,_props$progress=props.progress,progress=void 0===_props$progress?0:_props$progress,_props$trackColor=props.trackColor,trackColor=void 0===_props$trackColor?"transparent":_props$trackColor,style=props.style,other=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["color","indeterminate","progress","trackColor","style"]),percentageProgress=100*progress,progressRef=Object(react__WEBPACK_IMPORTED_MODULE_2__.useRef)(null);return Object(react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((function(){var width=indeterminate?"25%":percentageProgress+"%";null!=progressRef.current&&progressRef.current.setNativeProps({style:{width:width}})}),[indeterminate,percentageProgress,progressRef]),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_View__WEBPACK_IMPORTED_MODULE_1__.default,_extends({},other,{accessibilityRole:"progressbar",accessibilityValue:{max:100,min:0,now:indeterminate?null:percentageProgress},ref:ref,style:[styles.track,style,{backgroundColor:trackColor}]}),react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_View__WEBPACK_IMPORTED_MODULE_1__.default,{ref:progressRef,style:[styles.progress,indeterminate&&styles.animation,{backgroundColor:color}]}))}));ProgressBar.displayName="ProgressBar";var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_0__.default.create({track:{height:5,overflow:"hidden",userSelect:"none",zIndex:0},progress:{height:"100%",zIndex:-1},animation:{animationDuration:"1s",animationKeyframes:[{"0%":{transform:[{translateX:"-100%"}]},"100%":{transform:[{translateX:"400%"}]}}],animationTimingFunction:"linear",animationIterationCount:"infinite"}});__webpack_exports__.default=ProgressBar},203:function(module,__webpack_exports__,__webpack_require__){"use strict";var _AnimatedValue__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(38),_AnimatedWithChildren__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(49),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__);var _uniqueId=1,AnimatedValueXY=function(_AnimatedWithChildren){function AnimatedValueXY(valueIn){var _this;_this=_AnimatedWithChildren.call(this)||this;var value=valueIn||{x:0,y:0};return"number"==typeof value.x&&"number"==typeof value.y?(_this.x=new _AnimatedValue__WEBPACK_IMPORTED_MODULE_0__.a(value.x),_this.y=new _AnimatedValue__WEBPACK_IMPORTED_MODULE_0__.a(value.y)):(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(value.x instanceof _AnimatedValue__WEBPACK_IMPORTED_MODULE_0__.a&&value.y instanceof _AnimatedValue__WEBPACK_IMPORTED_MODULE_0__.a,"AnimatedValueXY must be initialized with an object of numbers or AnimatedValues."),_this.x=value.x,_this.y=value.y),_this._listeners={},_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedValueXY,_AnimatedWithChildren);var _proto=AnimatedValueXY.prototype;return _proto.setValue=function setValue(value){this.x.setValue(value.x),this.y.setValue(value.y)},_proto.setOffset=function setOffset(offset){this.x.setOffset(offset.x),this.y.setOffset(offset.y)},_proto.flattenOffset=function flattenOffset(){this.x.flattenOffset(),this.y.flattenOffset()},_proto.extractOffset=function extractOffset(){this.x.extractOffset(),this.y.extractOffset()},_proto.__getValue=function __getValue(){return{x:this.x.__getValue(),y:this.y.__getValue()}},_proto.resetAnimation=function resetAnimation(callback){this.x.resetAnimation(),this.y.resetAnimation(),callback&&callback(this.__getValue())},_proto.stopAnimation=function stopAnimation(callback){this.x.stopAnimation(),this.y.stopAnimation(),callback&&callback(this.__getValue())},_proto.addListener=function addListener(callback){var _this2=this,id=String(_uniqueId++),jointCallback=function jointCallback(_ref){_ref.value;callback(_this2.__getValue())};return this._listeners[id]={x:this.x.addListener(jointCallback),y:this.y.addListener(jointCallback)},id},_proto.removeListener=function removeListener(id){this.x.removeListener(this._listeners[id].x),this.y.removeListener(this._listeners[id].y),delete this._listeners[id]},_proto.removeAllListeners=function removeAllListeners(){this.x.removeAllListeners(),this.y.removeAllListeners(),this._listeners={}},_proto.getLayout=function getLayout(){return{left:this.x,top:this.y}},_proto.getTranslateTransform=function getTranslateTransform(){return[{translateX:this.x},{translateY:this.y}]},AnimatedValueXY}(_AnimatedWithChildren__WEBPACK_IMPORTED_MODULE_1__.a);__webpack_exports__.a=AnimatedValueXY},204:function(module,__webpack_exports__,__webpack_require__){"use strict";var unitlessNumbers={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,flex:!0,flexGrow:!0,flexOrder:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,fontWeight:!0,gridRow:!0,gridColumn:!0,lineClamp:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0,scale:!0,scaleX:!0,scaleY:!0,scaleZ:!0,shadowOpacity:!0},prefixes=["ms","Moz","O","Webkit"];Object.keys(unitlessNumbers).forEach((function(prop){prefixes.forEach((function(prefix){unitlessNumbers[function prefixKey(prefix,key){return prefix+key.charAt(0).toUpperCase()+key.substring(1)}(prefix,prop)]=unitlessNumbers[prop]}))})),__webpack_exports__.a=unitlessNumbers},205:function(module,__webpack_exports__,__webpack_require__){"use strict";var fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(24),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),useLayoutEffectImpl=fbjs_lib_ExecutionEnvironment__WEBPACK_IMPORTED_MODULE_0__.canUseDOM?react__WEBPACK_IMPORTED_MODULE_1__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_1__.useEffect;__webpack_exports__.a=useLayoutEffectImpl},206:function(module,__webpack_exports__,__webpack_require__){"use strict";var _ReactNativePropRegistry__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(207);__webpack_require__(5);__webpack_exports__.a=function flattenStyle(style){if(style){if(!Array.isArray(style))return function getStyle(style){return"number"==typeof style?_ReactNativePropRegistry__WEBPACK_IMPORTED_MODULE_0__.a.getByID(style):style}(style);for(var result={},i=0,styleLength=style.length;i<styleLength;++i){var computedStyle=flattenStyle(style[i]);if(computedStyle)for(var key in computedStyle){var value=computedStyle[key];result[key]=value}}return result}}},207:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ReactNativePropRegistry}));var emptyObject={},objects={},uniqueID=1,createKey=function createKey(id){return"r-"+id},ReactNativePropRegistry=function(){function ReactNativePropRegistry(){}return ReactNativePropRegistry.register=function register(object){var id=uniqueID++;var key=createKey(id);return objects[key]=object,id},ReactNativePropRegistry.getByID=function getByID(id){if(!id)return emptyObject;var key=createKey(id),object=objects[key];return object||(console.warn("Invalid style with id `"+id+"`. Skipping ..."),emptyObject)},ReactNativePropRegistry}()},21:function(module,__webpack_exports__,__webpack_require__){"use strict";var _NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(18),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1__),NativeAnimatedAPI=_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API,_uniqueId=1,AnimatedNode=function(){var _proto=AnimatedNode.prototype;function AnimatedNode(){this._listeners={}}return _proto.__attach=function __attach(){},_proto.__detach=function __detach(){this.__isNative&&null!=this.__nativeTag&&(_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API.dropAnimatedNode(this.__nativeTag),this.__nativeTag=void 0)},_proto.__getValue=function __getValue(){},_proto.__getAnimatedValue=function __getAnimatedValue(){return this.__getValue()},_proto.__addChild=function __addChild(child){},_proto.__removeChild=function __removeChild(child){},_proto.__getChildren=function __getChildren(){return[]},_proto.__makeNative=function __makeNative(){if(!this.__isNative)throw new Error('This node cannot be made a "native" animated node');this.hasListeners()&&this._startListeningToNativeValueUpdates()},_proto.addListener=function addListener(callback){var id=String(_uniqueId++);return this._listeners[id]=callback,this.__isNative&&this._startListeningToNativeValueUpdates(),id},_proto.removeListener=function removeListener(id){delete this._listeners[id],this.__isNative&&!this.hasListeners()&&this._stopListeningForNativeValueUpdates()},_proto.removeAllListeners=function removeAllListeners(){this._listeners={},this.__isNative&&this._stopListeningForNativeValueUpdates()},_proto.hasListeners=function hasListeners(){return!!Object.keys(this._listeners).length},_proto._startListeningToNativeValueUpdates=function _startListeningToNativeValueUpdates(){var _this=this;this.__nativeAnimatedValueListener&&!this.__shouldUpdateListenersForNewNativeTag||(this.__shouldUpdateListenersForNewNativeTag&&(this.__shouldUpdateListenersForNewNativeTag=!1,this._stopListeningForNativeValueUpdates()),NativeAnimatedAPI.startListeningToAnimatedNodeValue(this.__getNativeTag()),this.__nativeAnimatedValueListener=_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.nativeEventEmitter.addListener("onAnimatedValueUpdate",(function(data){data.tag===_this.__getNativeTag()&&_this._onAnimatedValueUpdateReceived(data.value)})))},_proto._onAnimatedValueUpdateReceived=function _onAnimatedValueUpdateReceived(value){this.__callListeners(value)},_proto.__callListeners=function __callListeners(value){for(var _key in this._listeners)this._listeners[_key]({value:value})},_proto._stopListeningForNativeValueUpdates=function _stopListeningForNativeValueUpdates(){this.__nativeAnimatedValueListener&&(this.__nativeAnimatedValueListener.remove(),this.__nativeAnimatedValueListener=null,NativeAnimatedAPI.stopListeningToAnimatedNodeValue(this.__getNativeTag()))},_proto.__getNativeTag=function __getNativeTag(){if(_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.assertNativeAnimatedModule(),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_1___default()(this.__isNative,'Attempt to get native tag from node not marked as "native"'),null==this.__nativeTag){var nativeTag=_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.generateNewNodeTag();this.__nativeTag=nativeTag,_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_0__.a.API.createAnimatedNode(nativeTag,this.__getNativeConfig()),this.__shouldUpdateListenersForNewNativeTag=!0}return this.__nativeTag},_proto.__getNativeConfig=function __getNativeConfig(){throw new Error("This JS animated node type cannot be used as native animated node")},_proto.toJSON=function toJSON(){return this.__getValue()},AnimatedNode}();__webpack_exports__.a=AnimatedNode},257:function(module,exports,__webpack_require__){__webpack_require__(20),__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),helpers=_interopRequireWildcard(__webpack_require__(138)),_sources=_interopRequireDefault(__webpack_require__(86)),_react=_interopRequireWildcard(__webpack_require__(0)),_ActivityIndicator=_interopRequireDefault(__webpack_require__(199)),_Image=_interopRequireDefault(__webpack_require__(69)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),_ref=_react.default.createElement(_View.default,null,_react.default.createElement(_ActivityIndicator.default,null)),NetworkImageExample=function(_PureComponent){function NetworkImageExample(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,NetworkImageExample);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(NetworkImageExample)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"state",{error:!1,loading:!1}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleError",(function(e){var nextState={loading:!1};"onError"===_this.props.logMethod&&(nextState.message="✘ onError ".concat(JSON.stringify(e.nativeEvent))),_this.setState((function(){return nextState}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLoad",(function(){var nextState={loading:!1};"onLoad"===_this.props.logMethod&&(nextState.message="✔ onLoad"),_this.setState((function(){return nextState}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLoadEnd",(function(){var nextState={loading:!1};"onLoadEnd"===_this.props.logMethod&&(nextState.message="✔ onLoadEnd"),_this.setState((function(){return nextState}))})),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_handleLoadStart",(function(){var nextState={loading:!0};"onLoadStart"===_this.props.logMethod&&(nextState.message="✔ onLoadStart"),_this.setState((function(){return nextState}))})),_this}return(0,_inherits2.default)(NetworkImageExample,_PureComponent),(0,_createClass2.default)(NetworkImageExample,[{key:"render",value:function render(){var loader=this.state.loading?_ref:null;return _react.default.createElement(_View.default,null,loader,_react.default.createElement(_Image.default,{defaultSource:_sources.default.placeholder,onError:this._handleError,onLoad:this._handleLoad,onLoadEnd:this._handleLoadEnd,onLoadStart:this._handleLoadStart,source:this.props.source,style:helpers.styles.base}),this.state.message&&_react.default.createElement(_Text.default,{style:helpers.styles.marginTop},this.state.message))}}]),NetworkImageExample}(_react.PureComponent);NetworkImageExample.displayName="NetworkImageExample",(0,_defineProperty2.default)(NetworkImageExample,"defaultProps",{logList:[]}),NetworkImageExample.__docgenInfo={description:"",methods:[{name:"_handleError",docblock:null,modifiers:[],params:[{name:"e",type:null}],returns:null},{name:"_handleLoad",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleLoadEnd",docblock:null,modifiers:[],params:[],returns:null},{name:"_handleLoadStart",docblock:null,modifiers:[],params:[],returns:null}],displayName:"NetworkImageExample",props:{logList:{defaultValue:{value:"[]",computed:!1},required:!1}}};var _default=NetworkImageExample;exports.default=_default,"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/examples/NetworkImage.js"]={name:"NetworkImageExample",docgenInfo:NetworkImageExample.__docgenInfo,path:"src/components/Image/examples/NetworkImage.js"})},258:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.DividerVertical=exports.DividerHorizontal=void 0;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),DividerHorizontal=function(){return _react.default.createElement(_View.default,{style:styles.horizontalDivider})};exports.DividerHorizontal=DividerHorizontal,DividerHorizontal.displayName="DividerHorizontal";var DividerVertical=function(){return _react.default.createElement(_View.default,{style:styles.verticalDivider})};exports.DividerVertical=DividerVertical,DividerVertical.displayName="DividerVertical";var styles=_StyleSheet.default.create({horizontalDivider:{width:"0.6rem"},verticalDivider:{height:"1.3125rem"}});DividerHorizontal.__docgenInfo={description:"",methods:[],displayName:"DividerHorizontal"},DividerVertical.__docgenInfo={description:"",methods:[],displayName:"DividerVertical"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/helpers.js"]={name:"DividerHorizontal",docgenInfo:DividerHorizontal.__docgenInfo,path:"src/components/ProgressBar/helpers.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ProgressBar/helpers.js"]={name:"DividerVertical",docgenInfo:DividerVertical.__docgenInfo,path:"src/components/ProgressBar/helpers.js"})},259:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.createItemRow=exports.Button=void 0;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_TouchableOpacity=_interopRequireDefault(__webpack_require__(155)),Button=function(_ref){var label=_ref.label,onPress=_ref.onPress;return _react.default.createElement(_TouchableOpacity.default,{onPress:onPress,style:styles.button},_react.default.createElement(_Text.default,null,label))};function Item(props){return _react.default.createElement(_TouchableOpacity.default,{style:[styles.item,props.style]},_react.default.createElement(_Text.default,null,props.msg))}exports.Button=Button,Button.displayName="Button",Item.displayName="Item";var createItemRow=function(msg,index){return _react.default.createElement(Item,{key:index,msg:msg})};exports.createItemRow=createItemRow,createItemRow.displayName="createItemRow";var styles=_StyleSheet.default.create({button:{margin:5,padding:5,alignItems:"center",backgroundColor:"#cccccc",borderRadius:3},item:{margin:5,padding:5,backgroundColor:"#cccccc",borderRadius:3,minWidth:96}});Button.__docgenInfo={description:"",methods:[],displayName:"Button"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ScrollView/helpers.js"]={name:"Button",docgenInfo:Button.__docgenInfo,path:"src/components/ScrollView/helpers.js"}),createItemRow.__docgenInfo={description:"",methods:[],displayName:"createItemRow"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/ScrollView/helpers.js"]={name:"createItemRow",docgenInfo:createItemRow.__docgenInfo,path:"src/components/ScrollView/helpers.js"})},262:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react_native_deepDiffer=function deepDiffer(one,two,maxDepth){if(void 0===maxDepth&&(maxDepth=-1),0===maxDepth)return!0;if(one===two)return!1;if("function"==typeof one&&"function"==typeof two)return!1;if("object"!=typeof one||null===one)return one!==two;if("object"!=typeof two||null===two)return!0;if(one.constructor!==two.constructor)return!0;if(Array.isArray(one)){var len=one.length;if(two.length!==len)return!0;for(var ii=0;ii<len;ii++)if(deepDiffer(one[ii],two[ii],maxDepth-1))return!0}else{for(var key in one)if(deepDiffer(one[key],two[key],maxDepth-1))return!0;for(var twoKey in two)if(void 0===one[twoKey]&&void 0!==two[twoKey])return!0}return!1},react=__webpack_require__(0),StyleSheet=__webpack_require__(4),View=__webpack_require__(3),VirtualizedList=__webpack_require__(168),invariant=__webpack_require__(5),invariant_default=__webpack_require__.n(invariant);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var defaultProps=_objectSpread({},VirtualizedList.a.defaultProps,{numColumns:1,removeClippedSubviews:!1}),FlatList_FlatList=function(_React$PureComponent){!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(FlatList,_React$PureComponent);var _proto=FlatList.prototype;function FlatList(props){var _this;return(_this=_React$PureComponent.call(this,props)||this)._virtualizedListPairs=[],_this._captureRef=function(ref){_this._listRef=ref},_this._getItem=function(data,index){var numColumns=_this.props.numColumns;if(numColumns>1){for(var ret=[],kk=0;kk<numColumns;kk++){var _item=data[index*numColumns+kk];null!=_item&&ret.push(_item)}return ret}return data[index]},_this._getItemCount=function(data){return data?Math.ceil(data.length/_this.props.numColumns):0},_this._keyExtractor=function(items,index){var _this$props=_this.props,keyExtractor=_this$props.keyExtractor,numColumns=_this$props.numColumns;return numColumns>1?(invariant_default()(Array.isArray(items),"FlatList: Encountered internal consistency error, expected each item to consist of an array with 1-%s columns; instead, received a single item.",numColumns),items.map((function(it,kk){return keyExtractor(it,index*numColumns+kk)})).join(":")):keyExtractor(items,index)},_this._renderItem=function(info){var _this$props2=_this.props,renderItem=_this$props2.renderItem,numColumns=_this$props2.numColumns,columnWrapperStyle=_this$props2.columnWrapperStyle;if(numColumns>1){var _item2=info.item,_index=info.index;return invariant_default()(Array.isArray(_item2),"Expected array of items with numColumns > 1"),react.createElement(View.default,{style:StyleSheet.default.compose(styles.row,columnWrapperStyle)},_item2.map((function(it,kk){var element=renderItem({item:it,index:_index*numColumns+kk,separators:info.separators});return null!=element?react.createElement(react.Fragment,{key:kk},element):null})))}return renderItem(info)},_this._checkProps(_this.props),_this.props.viewabilityConfigCallbackPairs?_this._virtualizedListPairs=_this.props.viewabilityConfigCallbackPairs.map((function(pair){return{viewabilityConfig:pair.viewabilityConfig,onViewableItemsChanged:_this._createOnViewableItemsChanged(pair.onViewableItemsChanged)}})):_this.props.onViewableItemsChanged&&_this._virtualizedListPairs.push({viewabilityConfig:_this.props.viewabilityConfig,onViewableItemsChanged:_this._createOnViewableItemsChanged(_this.props.onViewableItemsChanged)}),_this}return _proto.scrollToEnd=function scrollToEnd(params){this._listRef&&this._listRef.scrollToEnd(params)},_proto.scrollToIndex=function scrollToIndex(params){this._listRef&&this._listRef.scrollToIndex(params)},_proto.scrollToItem=function scrollToItem(params){this._listRef&&this._listRef.scrollToItem(params)},_proto.scrollToOffset=function scrollToOffset(params){this._listRef&&this._listRef.scrollToOffset(params)},_proto.recordInteraction=function recordInteraction(){this._listRef&&this._listRef.recordInteraction()},_proto.flashScrollIndicators=function flashScrollIndicators(){this._listRef&&this._listRef.flashScrollIndicators()},_proto.getScrollResponder=function getScrollResponder(){if(this._listRef)return this._listRef.getScrollResponder()},_proto.getNativeScrollRef=function getNativeScrollRef(){if(this._listRef)return this._listRef.getScrollRef()},_proto.getScrollableNode=function getScrollableNode(){if(this._listRef)return this._listRef.getScrollableNode()},_proto.setNativeProps=function setNativeProps(props){this._listRef&&this._listRef.setNativeProps(props)},_proto.componentDidUpdate=function componentDidUpdate(prevProps){invariant_default()(prevProps.numColumns===this.props.numColumns,"Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component."),invariant_default()(prevProps.onViewableItemsChanged===this.props.onViewableItemsChanged,"Changing onViewableItemsChanged on the fly is not supported"),invariant_default()(!react_native_deepDiffer(prevProps.viewabilityConfig,this.props.viewabilityConfig),"Changing viewabilityConfig on the fly is not supported"),invariant_default()(prevProps.viewabilityConfigCallbackPairs===this.props.viewabilityConfigCallbackPairs,"Changing viewabilityConfigCallbackPairs on the fly is not supported"),this._checkProps(this.props)},_proto._checkProps=function _checkProps(props){var getItem=props.getItem,getItemCount=props.getItemCount,horizontal=props.horizontal,numColumns=props.numColumns,columnWrapperStyle=props.columnWrapperStyle,onViewableItemsChanged=props.onViewableItemsChanged,viewabilityConfigCallbackPairs=props.viewabilityConfigCallbackPairs;invariant_default()(!getItem&&!getItemCount,"FlatList does not support custom data formats."),numColumns>1?invariant_default()(!horizontal,"numColumns does not support horizontal."):invariant_default()(!columnWrapperStyle,"columnWrapperStyle not supported for single column lists"),invariant_default()(!(onViewableItemsChanged&&viewabilityConfigCallbackPairs),"FlatList does not support setting both onViewableItemsChanged and viewabilityConfigCallbackPairs.")},_proto._pushMultiColumnViewable=function _pushMultiColumnViewable(arr,v){var _this$props3=this.props,numColumns=_this$props3.numColumns,keyExtractor=_this$props3.keyExtractor;v.item.forEach((function(item,ii){invariant_default()(null!=v.index,"Missing index!");var index=v.index*numColumns+ii;arr.push(_objectSpread({},v,{item:item,key:keyExtractor(item,index),index:index}))}))},_proto._createOnViewableItemsChanged=function _createOnViewableItemsChanged(onViewableItemsChanged){var _this2=this;return function(info){var numColumns=_this2.props.numColumns;if(onViewableItemsChanged)if(numColumns>1){var changed=[],viewableItems=[];info.viewableItems.forEach((function(v){return _this2._pushMultiColumnViewable(viewableItems,v)})),info.changed.forEach((function(v){return _this2._pushMultiColumnViewable(changed,v)})),onViewableItemsChanged({viewableItems:viewableItems,changed:changed})}else onViewableItemsChanged(info)}},_proto.render=function render(){return react.createElement(VirtualizedList.a,_extends({},this.props,{renderItem:this._renderItem,getItem:this._getItem,getItemCount:this._getItemCount,keyExtractor:this._keyExtractor,ref:this._captureRef,viewabilityConfigCallbackPairs:this._virtualizedListPairs}))},FlatList}(react.PureComponent);FlatList_FlatList.defaultProps=defaultProps;var styles=StyleSheet.default.create({row:{flexDirection:"row"}}),react_native_FlatList=FlatList_FlatList;__webpack_exports__.default=react_native_FlatList},269:function(module,__webpack_exports__,__webpack_require__){"use strict";var _AccessibilityUtil__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(273),_exports_StyleSheet_css__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(100),_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(4),_exports_StyleSheet_styleResolver__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(272),_exports_StyleSheet_constants__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(72);var emptyObject={},hasOwnProperty=Object.prototype.hasOwnProperty,classes=_exports_StyleSheet_css__WEBPACK_IMPORTED_MODULE_1__.a.create({reset:{backgroundColor:"transparent",color:"inherit",font:"inherit",listStyle:"none",margin:0,textAlign:"inherit",textDecoration:"none"},cursor:{cursor:"pointer"}},_exports_StyleSheet_constants__WEBPACK_IMPORTED_MODULE_4__.c.classicReset),pointerEventsStyles=_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__.default.create({auto:{pointerEvents:"auto"},"box-none":{pointerEvents:"box-none"},"box-only":{pointerEvents:"box-only"},none:{pointerEvents:"none"}});__webpack_exports__.a=function createDOMProps(component,props){props||(props=emptyObject);var _props=props,accessibilityLabel=_props.accessibilityLabel,accessibilityLiveRegion=_props.accessibilityLiveRegion,accessibilityState=_props.accessibilityState,accessibilityValue=_props.accessibilityValue,accessible=_props.accessible,classList=_props.classList,dataSet=_props.dataSet,providedDisabled=_props.disabled,importantForAccessibility=_props.importantForAccessibility,nativeID=_props.nativeID,pointerEvents=_props.pointerEvents,providedStyle=_props.style,testID=_props.testID,domProps=(_props.accessibilityRole,function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(_props,["accessibilityLabel","accessibilityLiveRegion","accessibilityState","accessibilityValue","accessible","classList","dataSet","disabled","importantForAccessibility","nativeID","pointerEvents","style","testID","accessibilityRole"])),disabled=null!=accessibilityState&&!0===accessibilityState.disabled||providedDisabled,role=_AccessibilityUtil__WEBPACK_IMPORTED_MODULE_0__.a.propsToAriaRole(props),isNativeInteractiveElement="link"===role||"a"===component||"button"===component||"input"===component||"select"===component||"textarea"===component||null!=domProps.contentEditable;if(null!=dataSet)for(var prop in dataSet)if(hasOwnProperty.call(dataSet,prop)){var value=dataSet[prop];null!=value&&(domProps["data-"+prop]=value)}if(null!=accessibilityLabel&&(domProps["aria-label"]=accessibilityLabel),null!=accessibilityLiveRegion&&(domProps["aria-live"]="none"===accessibilityLiveRegion?"off":accessibilityLiveRegion),null!=role&&(domProps.role=role),null!=accessibilityState)for(var _prop in accessibilityState){var _value=accessibilityState[_prop];null!=_value&&("disabled"===_prop||"hidden"===_prop?!0===_value&&(domProps["aria-"+_prop]=_value,domProps[_prop]=_value):domProps["aria-"+_prop]=_value)}if(null!=accessibilityValue)for(var _prop2 in accessibilityValue){var _value2=accessibilityValue[_prop2];null!=_value2&&(domProps["aria-value"+_prop2]=_value2)}"no-hide-descendants"===importantForAccessibility&&(domProps["aria-hidden"]=!0),!0===disabled&&(domProps["aria-disabled"]=!0,domProps.disabled=!0);var focusable=!disabled&&"no"!==importantForAccessibility&&"no-hide-descendants"!==importantForAccessibility;isNativeInteractiveElement?!1!==accessible&&focusable?domProps["data-focusable"]=!0:domProps.tabIndex="-1":"button"===role||"menuitem"===role||"textbox"===role?!1!==accessible&&focusable&&(domProps["data-focusable"]=!0,domProps.tabIndex="0"):!0===accessible&&focusable&&(domProps["data-focusable"]=!0,domProps.tabIndex="0");var reactNativeStyle=_exports_StyleSheet__WEBPACK_IMPORTED_MODULE_2__.default.compose(pointerEvents&&pointerEventsStyles[pointerEvents],providedStyle),needsCursor=("button"===role||"link"===role)&&!disabled,finalClassList=[("a"===component||"button"===component||"li"===component||"ul"===component||"heading"===role)&&classes.reset,needsCursor&&classes.cursor,classList],_styleResolver$resolv=_exports_StyleSheet_styleResolver__WEBPACK_IMPORTED_MODULE_3__.a.resolve(reactNativeStyle,finalClassList),className=_styleResolver$resolv.className,style=_styleResolver$resolv.style;if(null!=className&&""!==className&&(domProps.className=className),style&&(domProps.style=style),null!=nativeID&&(domProps.id=nativeID),"a"===component&&"_blank"===domProps.target&&(domProps.rel=(domProps.rel||"")+" noopener noreferrer"),null!=testID&&(domProps["data-testid"]=testID),domProps["data-focusable"]){var onClick=domProps.onClick;if(null!=onClick)if(disabled)domProps.onClick=void 0;else if(!isNativeInteractiveElement){var onKeyDown=domProps.onKeyDown;domProps.onKeyDown=function(e){var key=e.key,isSpacebarKey=" "===key||"Spacebar"===key,isButtonRole="button"===role||"menuitem"===role;null!=onKeyDown&&onKeyDown(e),"Enter"===key?onClick(e):isSpacebarKey&&isButtonRole&&(onClick(e),e.preventDefault())}}}return domProps}},271:function(module,__webpack_exports__,__webpack_require__){"use strict";var _modules_normalizeColor__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(274),_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(77),defaultOffset={height:0,width:0};__webpack_exports__.a=function resolveShadowValue(style){var shadowColor=style.shadowColor,shadowOffset=style.shadowOffset,shadowOpacity=style.shadowOpacity,shadowRadius=style.shadowRadius,_ref=shadowOffset||defaultOffset,height=_ref.height,width=_ref.width,offsetX=Object(_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_1__.a)(width),offsetY=Object(_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_1__.a)(height),blurRadius=Object(_normalizeValueWithProperty__WEBPACK_IMPORTED_MODULE_1__.a)(shadowRadius||0),color=Object(_modules_normalizeColor__WEBPACK_IMPORTED_MODULE_0__.a)(shadowColor||"black",shadowOpacity);if(null!=color&&null!=offsetX&&null!=offsetY&&null!=blurRadius)return offsetX+" "+offsetY+" "+blurRadius+" "+color}},272:function(module,__webpack_exports__,__webpack_require__){"use strict";var ExecutionEnvironment=__webpack_require__(24);var normalizeValueWithProperty=__webpack_require__(77),resolveShadowValue=__webpack_require__(271);var defaultOffset={height:0,width:0};var StyleSheet_createCompileableStyle=function createCompileableStyle(styles){var shadowColor=styles.shadowColor,shadowOffset=styles.shadowOffset,shadowOpacity=styles.shadowOpacity,shadowRadius=styles.shadowRadius,textShadowColor=styles.textShadowColor,textShadowOffset=styles.textShadowOffset,textShadowRadius=styles.textShadowRadius,nextStyles=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(styles,["shadowColor","shadowOffset","shadowOpacity","shadowRadius","textShadowColor","textShadowOffset","textShadowRadius"]);return null==shadowColor&&null==shadowOffset&&null==shadowOpacity&&null==shadowRadius||function boxShadowReducer(resolvedStyle,style){var boxShadow=style.boxShadow,shadow=Object(resolveShadowValue.a)(style);null!=shadow&&(resolvedStyle.boxShadow=boxShadow?boxShadow+", "+shadow:shadow)}(nextStyles,styles),null==textShadowColor&&null==textShadowOffset&&null==textShadowRadius||function textShadowReducer(resolvedStyle,style){var textShadowColor=style.textShadowColor,textShadowOffset=style.textShadowOffset,textShadowRadius=style.textShadowRadius,_ref=textShadowOffset||defaultOffset,height=_ref.height,width=_ref.width,radius=textShadowRadius||0,offsetX=Object(normalizeValueWithProperty.a)(width),offsetY=Object(normalizeValueWithProperty.a)(height),blurRadius=Object(normalizeValueWithProperty.a)(radius),color=Object(normalizeValueWithProperty.a)(textShadowColor,"textShadowColor");!color||0===height&&0===width&&0===radius||null==offsetX||null==offsetY||null==blurRadius||(resolvedStyle.textShadow=offsetX+" "+offsetY+" "+blurRadius+" "+color)}(nextStyles,styles),nextStyles},slice=Array.prototype.slice;function createOrderedCSSStyleSheet(sheet){var group,groups={},selectors={};null!=sheet&&slice.call(sheet.cssRules).forEach((function(cssRule,i){var cssText=cssRule.cssText;if(cssText.indexOf("stylesheet-group")>-1)group=function decodeGroupRule(cssRule){return Number(cssRule.selectorText.split(/["']/)[1])}(cssRule),groups[group]={start:i,rules:[cssText]};else{var selectorText=getSelectorText(cssText);null!=selectorText&&(selectors[selectorText]=!0,groups[group].rules.push(cssText))}}));function sheetInsert(sheet,group,text){var orderedGroups=getOrderedGroups(groups),nextGroupIndex=orderedGroups.indexOf(group)+1,nextGroup=orderedGroups[nextGroupIndex],position=null!=nextGroup&&null!=groups[nextGroup].start?groups[nextGroup].start:sheet.cssRules.length,isInserted=function insertRuleAt(root,cssText,position){try{return root.insertRule(cssText,position),!0}catch(e){return!1}}(sheet,text,position);if(isInserted){null==groups[group].start&&(groups[group].start=position);for(var i=nextGroupIndex;i<orderedGroups.length;i+=1){var groupNumber=orderedGroups[i],previousStart=groups[groupNumber].start;groups[groupNumber].start=previousStart+1}}return isInserted}return{getTextContent:function getTextContent(){return getOrderedGroups(groups).map((function(group){return groups[group].rules.join("\n")})).join("\n")},insert:function insert(cssText,groupValue){var group=Number(groupValue);if(null==groups[group]){var markerRule=function encodeGroupRule(group){return'[stylesheet-group="'+group+'"]{}'}(group);groups[group]={start:null,rules:[markerRule]},null!=sheet&&sheetInsert(sheet,group,markerRule)}var selectorText=getSelectorText(cssText);null!=selectorText&&null==selectors[selectorText]&&(selectors[selectorText]=!0,groups[group].rules.push(cssText),null!=sheet&&(sheetInsert(sheet,group,cssText)||groups[group].rules.pop()))}}}function getOrderedGroups(obj){return Object.keys(obj).map(Number).sort((function(a,b){return a>b?1:-1}))}var pattern=/\s*([,])\s*/g;function getSelectorText(cssText){var selector=cssText.split("{")[0].trim();return""!==selector?selector.replace(pattern,"$1"):null}var modules_flattenArray=function flattenArray(array){return function flattenDown(array,result){for(var i=0;i<array.length;i++){var value=array[i];Array.isArray(value)?flattenDown(value,result):null!=value&&!1!==value&&result.push(value)}return result}(array,[])},flattenStyle=__webpack_require__(206),I18nManager=__webpack_require__(112),multiplyStyleLengthValue=__webpack_require__(167),emptyObject={},PROPERTIES_FLIP={borderTopLeftRadius:"borderTopRightRadius",borderTopRightRadius:"borderTopLeftRadius",borderBottomLeftRadius:"borderBottomRightRadius",borderBottomRightRadius:"borderBottomLeftRadius",borderLeftColor:"borderRightColor",borderLeftStyle:"borderRightStyle",borderLeftWidth:"borderRightWidth",borderRightColor:"borderLeftColor",borderRightStyle:"borderLeftStyle",borderRightWidth:"borderLeftWidth",left:"right",marginLeft:"marginRight",marginRight:"marginLeft",paddingLeft:"paddingRight",paddingRight:"paddingLeft",right:"left"},PROPERTIES_I18N={borderTopStartRadius:"borderTopLeftRadius",borderTopEndRadius:"borderTopRightRadius",borderBottomStartRadius:"borderBottomLeftRadius",borderBottomEndRadius:"borderBottomRightRadius",borderStartColor:"borderLeftColor",borderStartStyle:"borderLeftStyle",borderStartWidth:"borderLeftWidth",borderEndColor:"borderRightColor",borderEndStyle:"borderRightStyle",borderEndWidth:"borderRightWidth",end:"right",marginStart:"marginLeft",marginEnd:"marginRight",paddingStart:"paddingLeft",paddingEnd:"paddingRight",start:"left"},PROPERTIES_VALUE={clear:!0,float:!0,textAlign:!0},i18nStyle_additiveInverse=function additiveInverse(value){return Object(multiplyStyleLengthValue.a)(value,-1)},StyleSheet_i18nStyle=function i18nStyle(originalStyle){var doLeftAndRightSwapInRTL=I18nManager.default.doLeftAndRightSwapInRTL,isRTL=I18nManager.default.isRTL,style=originalStyle||emptyObject,frozenProps={},nextStyle={};for(var originalProp in style)if(Object.prototype.hasOwnProperty.call(style,originalProp)){var originalValue=style[originalProp],prop=originalProp,value=originalValue;if(PROPERTIES_I18N.hasOwnProperty(originalProp)){var convertedProp=PROPERTIES_I18N[originalProp];prop=isRTL?PROPERTIES_FLIP[convertedProp]:convertedProp}else isRTL&&doLeftAndRightSwapInRTL&&PROPERTIES_FLIP[originalProp]&&(prop=PROPERTIES_FLIP[originalProp]);if(PROPERTIES_VALUE.hasOwnProperty(originalProp)&&("start"===originalValue?value=isRTL?"right":"left":"end"===originalValue?value=isRTL?"left":"right":isRTL&&doLeftAndRightSwapInRTL&&("left"===originalValue?value="right":"right"===originalValue&&(value="left"))),"transitionProperty"===prop)if(PROPERTIES_I18N.hasOwnProperty(value)){var convertedValue=PROPERTIES_I18N[originalValue];value=isRTL?PROPERTIES_FLIP[convertedValue]:convertedValue}else isRTL&&doLeftAndRightSwapInRTL&&PROPERTIES_FLIP[originalValue]&&(value=PROPERTIES_FLIP[originalValue]);isRTL&&"textShadowOffset"===prop?(nextStyle[prop]=value,nextStyle[prop].width=i18nStyle_additiveInverse(value.width)):frozenProps[prop]||(nextStyle[prop]=value),PROPERTIES_I18N[originalProp]&&(frozenProps[prop]=!0)}return nextStyle},constants=__webpack_require__(72),createReactDOMStyle_emptyObject={},supportsCSS3TextDecoration=!ExecutionEnvironment.canUseDOM||null!=window.CSS&&null!=window.CSS.supports&&(window.CSS.supports("text-decoration-line","none")||window.CSS.supports("-webkit-text-decoration-line","none")),createReactDOMStyle_mapTransform=function mapTransform(transform){var type=Object.keys(transform)[0];return type+"("+Object(normalizeValueWithProperty.a)(transform[type],type)+")"},StyleSheet_createReactDOMStyle=function createReactDOMStyle(style){if(!style)return createReactDOMStyle_emptyObject;var resolvedStyle={};return Object.keys(style).sort().forEach((function(prop){var value=Object(normalizeValueWithProperty.a)(style[prop],prop);if(null!=value)switch(prop){case"aspectRatio":case"elevation":case"overlayColor":case"resizeMode":case"tintColor":break;case"backgroundClip":"text"===value&&(resolvedStyle.backgroundClip=value,resolvedStyle.WebkitBackgroundClip=value);break;case"flex":value>0?(resolvedStyle.flexGrow=value,resolvedStyle.flexShrink=1,resolvedStyle.flexBasis="0%"):0===value?(resolvedStyle.flexGrow=0,resolvedStyle.flexShrink=0,resolvedStyle.flexBasis="0%"):-1===value&&(resolvedStyle.flexGrow=0,resolvedStyle.flexShrink=1,resolvedStyle.flexBasis="auto");break;case"font":resolvedStyle[prop]=value.replace("System",constants.e);break;case"fontFamily":if(value.indexOf("System")>-1){var stack=value.split(/,\s*/);stack[stack.indexOf("System")]=constants.e,resolvedStyle[prop]=stack.join(",")}else resolvedStyle[prop]="monospace"===value?constants.a:value;break;case"fontVariant":Array.isArray(value)&&value.length>0&&(resolvedStyle.fontVariant=value.join(" "));break;case"textAlignVertical":resolvedStyle.verticalAlign="center"===value?"middle":value;break;case"textDecorationLine":supportsCSS3TextDecoration?resolvedStyle.textDecorationLine=value:resolvedStyle.textDecoration=value;break;case"transform":case"transformMatrix":!function resolveTransform(resolvedStyle,style){var transform=style.transform;Array.isArray(style.transform)?transform=style.transform.map(createReactDOMStyle_mapTransform).join(" "):style.transformMatrix&&(transform=function convertTransformMatrix(transformMatrix){return"matrix3d("+transformMatrix.join(",")+")"}(style.transformMatrix)),resolvedStyle.transform=transform}(resolvedStyle,style);break;case"writingDirection":resolvedStyle.direction=value;break;default:var longFormProperties=constants.d[prop];longFormProperties?longFormProperties.forEach((function(longForm,i){void 0===style[longForm]&&(resolvedStyle[longForm]=value)})):resolvedStyle[prop]=Array.isArray(value)?value.join(","):value}})),resolvedStyle};var vendor_hash=function hash(str){return function murmurhash2_32_gc(str,seed){for(var k,l=str.length,h=seed^l,i=0;l>=4;)k=1540483477*(65535&(k=255&str.charCodeAt(i)|(255&str.charCodeAt(++i))<<8|(255&str.charCodeAt(++i))<<16|(255&str.charCodeAt(++i))<<24))+((1540483477*(k>>>16)&65535)<<16),h=1540483477*(65535&h)+((1540483477*(h>>>16)&65535)<<16)^(k=1540483477*(65535&(k^=k>>>24))+((1540483477*(k>>>16)&65535)<<16)),l-=4,++i;switch(l){case 3:h^=(255&str.charCodeAt(i+2))<<16;case 2:h^=(255&str.charCodeAt(i+1))<<8;case 1:h=1540483477*(65535&(h^=255&str.charCodeAt(i)))+((1540483477*(h>>>16)&65535)<<16)}return h=1540483477*(65535&(h^=h>>>13))+((1540483477*(h>>>16)&65535)<<16),(h^=h>>>15)>>>0}(str,1).toString(36)},hyphenate_style_name=__webpack_require__(268),createPrefixer=__webpack_require__(531),createPrefixer_default=__webpack_require__.n(createPrefixer),backgroundClip=__webpack_require__(532),backgroundClip_default=__webpack_require__.n(backgroundClip),crossFade=__webpack_require__(533),crossFade_default=__webpack_require__.n(crossFade),cursor=__webpack_require__(534),cursor_default=__webpack_require__.n(cursor),filter=__webpack_require__(535),filter_default=__webpack_require__.n(filter),flex=__webpack_require__(536),flex_default=__webpack_require__.n(flex),flexboxIE=__webpack_require__(537),flexboxIE_default=__webpack_require__.n(flexboxIE),flexboxOld=__webpack_require__(538),flexboxOld_default=__webpack_require__.n(flexboxOld),gradient=__webpack_require__(539),gradient_default=__webpack_require__.n(gradient),grid=__webpack_require__(540),grid_default=__webpack_require__.n(grid),imageSet=__webpack_require__(541),imageSet_default=__webpack_require__.n(imageSet),logical=__webpack_require__(542),logical_default=__webpack_require__.n(logical),position=__webpack_require__(543),position_default=__webpack_require__.n(position),sizing=__webpack_require__(544),sizing_default=__webpack_require__.n(sizing),transition=__webpack_require__(545),transition_default=__webpack_require__.n(transition),w=["Webkit"],m=["Moz"],ms=["ms"],wm=["Webkit","Moz"],wms=["Webkit","ms"],wmms=["Webkit","Moz","ms"],prefixStyles_static={plugins:[backgroundClip_default.a,crossFade_default.a,cursor_default.a,filter_default.a,flex_default.a,flexboxIE_default.a,flexboxOld_default.a,gradient_default.a,grid_default.a,imageSet_default.a,logical_default.a,position_default.a,sizing_default.a,transition_default.a],prefixMap:{animation:w,animationDelay:w,animationDirection:w,animationFillMode:w,animationDuration:w,animationIterationCount:w,animationName:w,animationPlayState:w,animationTimingFunction:w,appearance:wm,userSelect:wmms,textEmphasisPosition:w,textEmphasis:w,textEmphasisStyle:w,textEmphasisColor:w,boxDecorationBreak:w,clipPath:w,maskImage:w,maskMode:w,maskRepeat:w,maskPosition:w,maskClip:w,maskOrigin:w,maskSize:w,maskComposite:w,mask:w,maskBorderSource:w,maskBorderMode:w,maskBorderSlice:w,maskBorderWidth:w,maskBorderOutset:w,maskBorderRepeat:w,maskBorder:w,maskType:w,textDecorationStyle:w,textDecorationSkip:w,textDecorationLine:w,textDecorationColor:w,filter:w,fontFeatureSettings:w,breakAfter:wmms,breakBefore:wmms,breakInside:wmms,columnCount:wm,columnFill:wm,columnGap:wm,columnRule:wm,columnRuleColor:wm,columnRuleStyle:wm,columnRuleWidth:wm,columns:wm,columnSpan:wm,columnWidth:wm,writingMode:wms,flex:wms,flexBasis:w,flexDirection:wms,flexGrow:w,flexFlow:wms,flexShrink:w,flexWrap:wms,alignContent:w,alignItems:w,alignSelf:w,justifyContent:w,order:w,transform:w,transformOrigin:w,transformOriginX:w,transformOriginY:w,backfaceVisibility:w,perspective:w,perspectiveOrigin:w,transformStyle:w,transformOriginZ:w,backdropFilter:w,fontKerning:w,scrollSnapType:wms,scrollSnapPointsX:wms,scrollSnapPointsY:wms,scrollSnapDestination:wms,scrollSnapCoordinate:wms,shapeImageThreshold:w,shapeImageMargin:w,shapeImageOutside:w,hyphens:wmms,flowInto:wms,flowFrom:wms,regionFragment:wms,textOrientation:w,textAlignLast:m,tabSize:m,wrapFlow:ms,wrapThrough:ms,wrapMargin:ms,touchAction:ms,textSizeAdjust:["ms","Webkit"],borderImage:w,borderImageOutset:w,borderImageRepeat:w,borderImageSlice:w,borderImageSource:w,borderImageWidth:w,transitionDelay:w,transitionDuration:w,transitionProperty:w,transitionTimingFunction:w}},prefixAll=createPrefixer_default()(prefixStyles_static),prefixStyles=prefixAll,prefixInlineStyles=function prefixInlineStyles(style){var prefixedStyles=prefixAll(style);return Object.keys(prefixedStyles).forEach((function(prop){var value=prefixedStyles[prop];Array.isArray(value)&&(prefixedStyles[prop]=value[value.length-1])})),prefixedStyles};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var compile_cache={get:function get(property,value){if(null!=compile_cache[property]&&compile_cache[property].hasOwnProperty(value)&&null!=compile_cache[property][value])return compile_cache[property][value]},set:function set(property,value,object){return null==compile_cache[property]&&(compile_cache[property]={}),compile_cache[property][value]=object}};function atomic(style){return Object.keys(style).sort().reduce((function(acc,property){var value=style[property];if(null!=value){var valueString=stringifyValueWithProperty(value,property),cachedResult=compile_cache.get(property,valueString);if(null!=cachedResult){acc[cachedResult.identifier]=cachedResult}else{var _identifier=createIdentifier("r",property,value),rules=function createAtomicRules(identifier,property,value){var rules=[],selector="."+identifier;switch(property){case"animationKeyframes":var _processKeyframesValu2=processKeyframesValue(value),animationNames=_processKeyframesValu2.animationNames,keyframesRules=_processKeyframesValu2.rules,block=createDeclarationBlock({animationName:animationNames.join(",")});rules.push.apply(rules,[""+selector+block].concat(keyframesRules));break;case"placeholderTextColor":var _block=createDeclarationBlock({color:value,opacity:1});rules.push(selector+"::-webkit-input-placeholder"+_block,selector+"::-moz-placeholder"+_block,selector+":-ms-input-placeholder"+_block,selector+"::placeholder"+_block);break;case"pointerEvents":var _createDeclarationBlo3,finalValue=value;if("auto"===value||"box-only"===value){if(finalValue="auto!important","box-only"===value){var _createDeclarationBlo,_block3=createDeclarationBlock(((_createDeclarationBlo={})[property]="none",_createDeclarationBlo));rules.push(selector+">*"+_block3)}}else if(("none"===value||"box-none"===value)&&(finalValue="none!important","box-none"===value)){var _createDeclarationBlo2,_block4=createDeclarationBlock(((_createDeclarationBlo2={})[property]="auto",_createDeclarationBlo2));rules.push(selector+">*"+_block4)}var _block2=createDeclarationBlock(((_createDeclarationBlo3={})[property]=finalValue,_createDeclarationBlo3));rules.push(""+selector+_block2);break;case"scrollbarWidth":var _createDeclarationBlo4;"none"===value&&rules.push(selector+"::-webkit-scrollbar{display:none}",selector+"{overflow:-moz-scrollbars-none;-ms-overflow-style:none;}");var _block5=createDeclarationBlock(((_createDeclarationBlo4={})[property]=value,_createDeclarationBlo4));rules.push(""+selector+_block5);break;default:var _createDeclarationBlo5,_block6=createDeclarationBlock(((_createDeclarationBlo5={})[property]=value,_createDeclarationBlo5));rules.push(""+selector+_block6)}return rules}(_identifier,property,value),_cachedResult=compile_cache.set(property,valueString,{property:property,value:stringifyValueWithProperty(value,property),identifier:_identifier,rules:rules});acc[_identifier]=_cachedResult}}return acc}),{})}function classic(style,name){var _ref,animationName,identifier=createIdentifier("css",name,style),animationKeyframes=style.animationKeyframes,rest=function compile_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(style,["animationKeyframes"]),rules=[],selector="."+identifier;if(null!=animationKeyframes){var _processKeyframesValu=processKeyframesValue(animationKeyframes),animationNames=_processKeyframesValu.animationNames,keyframesRules=_processKeyframesValu.rules;animationName=animationNames.join(","),rules.push.apply(rules,keyframesRules)}var block=createDeclarationBlock(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},rest,{animationName:animationName}));return rules.push(""+selector+block),(_ref={})[identifier]={identifier:identifier,rules:rules},_ref}function stringifyValueWithProperty(value,property){var normalizedValue=Object(normalizeValueWithProperty.a)(value,property);return"string"!=typeof normalizedValue?JSON.stringify(normalizedValue||""):normalizedValue}function createDeclarationBlock(style){var domStyle=prefixStyles(StyleSheet_createReactDOMStyle(style));return"{"+Object.keys(domStyle).map((function(property){var value=domStyle[property],prop=Object(hyphenate_style_name.a)(property);return Array.isArray(value)?value.map((function(v){return prop+":"+v})).join(";"):prop+":"+value})).sort().join(";")+";}"}function createIdentifier(prefix,name,value){return prefix+"-"+vendor_hash(name+stringifyValueWithProperty(value,name))}function processKeyframesValue(keyframesValue){if("number"==typeof keyframesValue)throw new Error("Invalid CSS keyframes type: "+typeof keyframesValue);var animationNames=[],rules=[];return(Array.isArray(keyframesValue)?keyframesValue:[keyframesValue]).forEach((function(keyframes){if("string"==typeof keyframes)animationNames.push(keyframes);else{var _createKeyframes=function createKeyframes(keyframes){var identifier=createIdentifier("r","animation",keyframes),steps="{"+Object.keys(keyframes).map((function(stepName){return""+stepName+createDeclarationBlock(keyframes[stepName])})).join("")+"}",rules=["-webkit-",""].map((function(prefix){return"@"+prefix+"keyframes "+identifier+steps}));return{identifier:identifier,rules:rules}}(keyframes),identifier=_createKeyframes.identifier,keyframesRules=_createKeyframes.rules;animationNames.push(identifier),rules.push.apply(rules,keyframesRules)}})),{animationNames:animationNames,rules:rules}}var initialRules=["html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}","body{margin:0;}","button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}","input::-webkit-inner-spin-button,input::-webkit-outer-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}"],focusVisibleAttributeName="data-focusvisible-polyfill",modality_rule=":focus:not(["+focusVisibleAttributeName+"]){outline: none;}",StyleSheet_modality=function modality(insertRule){if(insertRule(modality_rule),ExecutionEnvironment.canUseDOM){var hadKeyboardEvent=!0,hadFocusVisibleRecently=!1,hadFocusVisibleRecentlyTimeout=null,inputTypesWhitelist={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};document.addEventListener("keydown",(function onKeyDown(e){"Tab"!==e.key&&(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)||(isValidFocusTarget(document.activeElement)&&addFocusVisibleAttribute(document.activeElement),hadKeyboardEvent=!0)}),!0),document.addEventListener("mousedown",onPointerDown,!0),document.addEventListener("pointerdown",onPointerDown,!0),document.addEventListener("touchstart",onPointerDown,!0),document.addEventListener("focus",(function onFocus(e){isValidFocusTarget(e.target)&&(hadKeyboardEvent||function focusTriggersKeyboardModality(el){var type=el.type,tagName=el.tagName,isReadOnly=el.readOnly;return!("INPUT"!==tagName||!inputTypesWhitelist[type]||isReadOnly)||("TEXTAREA"===tagName&&!isReadOnly||!!el.isContentEditable)}(e.target))&&addFocusVisibleAttribute(e.target)}),!0),document.addEventListener("blur",(function onBlur(e){isValidFocusTarget(e.target)&&e.target.hasAttribute(focusVisibleAttributeName)&&(hadFocusVisibleRecently=!0,window.clearTimeout(hadFocusVisibleRecentlyTimeout),hadFocusVisibleRecentlyTimeout=window.setTimeout((function(){hadFocusVisibleRecently=!1,window.clearTimeout(hadFocusVisibleRecentlyTimeout)}),100),removeFocusVisibleAttribute(e.target))}),!0),document.addEventListener("visibilitychange",(function onVisibilityChange(e){"hidden"===document.visibilityState&&(hadFocusVisibleRecently&&(hadKeyboardEvent=!0),addInitialPointerMoveListeners())}),!0),addInitialPointerMoveListeners()}function isValidFocusTarget(el){return!!(el&&el!==document&&"HTML"!==el.nodeName&&"BODY"!==el.nodeName&&"classList"in el&&"contains"in el.classList)}function addFocusVisibleAttribute(el){el.hasAttribute(focusVisibleAttributeName)||el.setAttribute(focusVisibleAttributeName,!0)}function removeFocusVisibleAttribute(el){el.removeAttribute(focusVisibleAttributeName)}function onPointerDown(e){!0===hadKeyboardEvent&&function removeAllFocusVisibleAttributes(){for(var list=document.querySelectorAll("["+focusVisibleAttributeName+"]"),i=0;i<list.length;i+=1)removeFocusVisibleAttribute(list[i])}(),hadKeyboardEvent=!1}function addInitialPointerMoveListeners(){document.addEventListener("mousemove",onInitialPointerMove),document.addEventListener("mousedown",onInitialPointerMove),document.addEventListener("mouseup",onInitialPointerMove),document.addEventListener("pointermove",onInitialPointerMove),document.addEventListener("pointerdown",onInitialPointerMove),document.addEventListener("pointerup",onInitialPointerMove),document.addEventListener("touchmove",onInitialPointerMove),document.addEventListener("touchstart",onInitialPointerMove),document.addEventListener("touchend",onInitialPointerMove)}function onInitialPointerMove(e){"HTML"!==e.target.nodeName&&(hadKeyboardEvent=!1,function removeInitialPointerMoveListeners(){document.removeEventListener("mousemove",onInitialPointerMove),document.removeEventListener("mousedown",onInitialPointerMove),document.removeEventListener("mouseup",onInitialPointerMove),document.removeEventListener("pointermove",onInitialPointerMove),document.removeEventListener("pointerdown",onInitialPointerMove),document.removeEventListener("pointerup",onInitialPointerMove),document.removeEventListener("touchmove",onInitialPointerMove),document.removeEventListener("touchstart",onInitialPointerMove),document.removeEventListener("touchend",onInitialPointerMove)}())}};var createCacheKey=function createCacheKey(id){return"rn-"+id},classListToString=function classListToString(list){return list.join(" ").trim()},styleResolver=function createStyleResolver(){var inserted,sheet,cache,resolved={css:{},ltr:{},rtl:{},rtlNoSwap:{}},init=function init(){inserted={css:{},ltr:{},rtl:{},rtlNoSwap:{}},sheet=createOrderedCSSStyleSheet(function createCSSStyleSheet(id){if(ExecutionEnvironment.canUseDOM){var element=document.getElementById(id);if(null!=element)return element.sheet;var _element=document.createElement("style");_element.setAttribute("id",id);var head=document.head;return head&&head.insertBefore(_element,head.firstChild),_element.sheet}return null}(constants.b)),cache={},StyleSheet_modality((function(rule){return sheet.insert(rule,constants.c.modality)})),initialRules.forEach((function(rule){sheet.insert(rule,constants.c.reset)}))};function _injectRegisteredStyle(id){var doLeftAndRightSwapInRTL=I18nManager.default.doLeftAndRightSwapInRTL,dir=I18nManager.default.isRTL?doLeftAndRightSwapInRTL?"rtl":"rtlNoSwap":"ltr";if(!inserted[dir][id]){var results=atomic(StyleSheet_createCompileableStyle(StyleSheet_i18nStyle(Object(flattenStyle.a)(id))));Object.keys(results).forEach((function(key){var _results$key=results[key],identifier=_results$key.identifier,property=_results$key.property,rules=_results$key.rules,value=_results$key.value;!function addToCache(className,prop,value){cache[prop]||(cache[prop]={}),cache[prop][value]=className}(identifier,property,value),rules.forEach((function(rule){var group=constants.c.custom[property]||constants.c.atomic;sheet.insert(rule,group)}))})),inserted[dir][id]=!0}}function _resolveStyle(style,key){var doLeftAndRightSwapInRTL=I18nManager.default.doLeftAndRightSwapInRTL,dir=I18nManager.default.isRTL?doLeftAndRightSwapInRTL?"rtl":"rtlNoSwap":"ltr";if(null!=key&&null!=resolved[dir][key])return resolved[dir][key];var flatStyle=Object(flattenStyle.a)(style),localizedStyle=StyleSheet_createCompileableStyle(StyleSheet_i18nStyle(flatStyle)),props=Object.keys(localizedStyle).sort().reduce((function(props,styleProp){var value=localizedStyle[styleProp];if(null!=value){var className=function getClassName(prop,value){var val=stringifyValueWithProperty(value,prop);return cache[prop]&&cache[prop].hasOwnProperty(val)&&cache[prop][val]}(styleProp,value);if(className)props.classList.push(className);else if("animationKeyframes"===styleProp||"placeholderTextColor"===styleProp||"pointerEvents"===styleProp||"scrollbarWidth"===styleProp){var _atomic,a=atomic(((_atomic={})[styleProp]=value,_atomic));Object.keys(a).forEach((function(key){var _a$key=a[key],identifier=_a$key.identifier,rules=_a$key.rules;props.classList.push(identifier),rules.forEach((function(rule){sheet.insert(rule,constants.c.atomic)}))}))}else props.style||(props.style={}),props.style[styleProp]=value}return props}),{classList:[]});return props.style&&(props.style=function inline(style){return prefixInlineStyles(StyleSheet_createReactDOMStyle(style))}(props.style)),null!=key&&(resolved[dir][key]=props),props}return init(),{getStyleSheet:function getStyleSheet(){var textContent=sheet.getTextContent();return ExecutionEnvironment.canUseDOM||init(),{id:constants.b,textContent:textContent}},createCSS:function createCSS(rules,group){var result={};return Object.keys(rules).forEach((function(name){var compiled=classic(rules[name],name);Object.keys(compiled).forEach((function(key){var _compiled$key=compiled[key],identifier=_compiled$key.identifier,rules=_compiled$key.rules;resolved.css[identifier]={group:group||constants.c.classic,rules:rules},result[name]=identifier}))})),result},resolve:function resolve(style,classList){var nextClassList=[],props={};if(!style&&!classList)return props;if(Array.isArray(classList)&&modules_flattenArray(classList).forEach((function(identifier){if(identifier){if(null==inserted.css[identifier]&&null!=resolved.css[identifier]){var item=resolved.css[identifier];item.rules.forEach((function(rule){sheet.insert(rule,item.group)})),inserted.css[identifier]=!0}nextClassList.push(identifier)}})),"number"==typeof style)_injectRegisteredStyle(style),props=_resolveStyle(style,createCacheKey(style));else if(Array.isArray(style)){for(var flatArray=modules_flattenArray(style),isArrayOfNumbers=!0,cacheKey="",i=0;i<flatArray.length;i++){var id=flatArray[i];"number"!=typeof id?isArrayOfNumbers=!1:(isArrayOfNumbers&&(cacheKey+=id+"-"),_injectRegisteredStyle(id))}props=_resolveStyle(flatArray,isArrayOfNumbers?createCacheKey(cacheKey):null)}else props=_resolveStyle(style);nextClassList.push.apply(nextClassList,props.classList);var finalProps={className:classListToString(nextClassList),classList:nextClassList};return props.style&&(finalProps.style=props.style),finalProps},sheet:sheet}}();__webpack_exports__.a=styleResolver},273:function(module,__webpack_exports__,__webpack_require__){"use strict";var accessibilityRoleToWebRole={adjustable:"slider",button:"button",header:"heading",image:"img",imagebutton:null,keyboardkey:null,label:null,link:"link",none:"presentation",search:"search",summary:"region",text:null},AccessibilityUtil_propsToAriaRole=function propsToAriaRole(_ref){var accessibilityRole=_ref.accessibilityRole;if(accessibilityRole){var inferredRole=accessibilityRoleToWebRole[accessibilityRole];if(null!==inferredRole)return inferredRole||accessibilityRole}},roleComponents={article:"article",banner:"header",complementary:"aside",contentinfo:"footer",form:"form",link:"a",list:"ul",listitem:"li",main:"main",navigation:"nav",region:"section"},emptyObject={},AccessibilityUtil={buttonLikeRoles:{button:!0,menuitem:!0},isDisabled:function isDisabled(props){return props.disabled||Array.isArray(props.accessibilityStates)&&props.accessibilityStates.indexOf("disabled")>-1},propsToAccessibilityComponent:function propsToAccessibilityComponent(props){if(void 0===props&&(props=emptyObject),"label"===props.accessibilityRole)return"label";var role=AccessibilityUtil_propsToAriaRole(props);if(role){if("heading"===role){var level=props["aria-level"];return null!=level?"h"+level:"h1"}return roleComponents[role]}},propsToAriaRole:AccessibilityUtil_propsToAriaRole};__webpack_exports__.a=AccessibilityUtil},274:function(module,__webpack_exports__,__webpack_require__){"use strict";var modules_isWebColor=function isWebColor(color){return"currentcolor"===color||"currentColor"===color||"inherit"===color||0===color.indexOf("var(")},normalize_css_color=__webpack_require__(270),normalize_css_color_default=__webpack_require__.n(normalize_css_color),exports_processColor=function processColor(color){if(null==color)return color;var int32Color=normalize_css_color_default()(color);return null!=int32Color?int32Color=(int32Color<<24|int32Color>>>8)>>>0:void 0};__webpack_exports__.a=function normalizeColor(color,opacity){if(void 0===opacity&&(opacity=1),null!=color){if("string"==typeof color&&modules_isWebColor(color))return color;var colorInt=exports_processColor(color);if(null!=colorInt)return"rgba("+(colorInt>>16&255)+","+(colorInt>>8&255)+","+(255&colorInt)+","+((colorInt>>24&255)/255*opacity).toFixed(2)+")"}}},3:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_createElement__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(87),_StyleSheet_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(100),_modules_pick__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(122),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(70),_hooks_useElementLayout__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(159),_hooks_usePlatformMethods__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(160),_hooks_useResponderEvents__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(164),_StyleSheet__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(4),_Text_TextAncestorContext__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(140),forwardPropsList={accessibilityLabel:!0,accessibilityLiveRegion:!0,accessibilityRole:!0,accessibilityState:!0,accessibilityValue:!0,accessible:!0,children:!0,classList:!0,disabled:!0,importantForAccessibility:!0,nativeID:!0,onBlur:!0,onClick:!0,onClickCapture:!0,onContextMenu:!0,onFocus:!0,onKeyDown:!0,onKeyUp:!0,onTouchCancel:!0,onTouchCancelCapture:!0,onTouchEnd:!0,onTouchEndCapture:!0,onTouchMove:!0,onTouchMoveCapture:!0,onTouchStart:!0,onTouchStartCapture:!0,pointerEvents:!0,ref:!0,style:!0,testID:!0,dataSet:!0,onMouseDown:!0,onMouseEnter:!0,onMouseLeave:!0,onMouseMove:!0,onMouseOver:!0,onMouseOut:!0,onMouseUp:!0,onScroll:!0,onWheel:!0,href:!0,rel:!0,target:!0},View=Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,forwardedRef){var onLayout=props.onLayout,onMoveShouldSetResponder=props.onMoveShouldSetResponder,onMoveShouldSetResponderCapture=props.onMoveShouldSetResponderCapture,onResponderEnd=props.onResponderEnd,onResponderGrant=props.onResponderGrant,onResponderMove=props.onResponderMove,onResponderReject=props.onResponderReject,onResponderRelease=props.onResponderRelease,onResponderStart=props.onResponderStart,onResponderTerminate=props.onResponderTerminate,onResponderTerminationRequest=props.onResponderTerminationRequest,onScrollShouldSetResponder=props.onScrollShouldSetResponder,onScrollShouldSetResponderCapture=props.onScrollShouldSetResponderCapture,onSelectionChangeShouldSetResponder=props.onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture=props.onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder=props.onStartShouldSetResponder,onStartShouldSetResponderCapture=props.onStartShouldSetResponderCapture;var hasTextAncestor=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_Text_TextAncestorContext__WEBPACK_IMPORTED_MODULE_9__.a),hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),setRef=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_4__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){hostRef.current=hostNode}}),classList=[classes.view],style=_StyleSheet__WEBPACK_IMPORTED_MODULE_8__.default.compose(hasTextAncestor&&styles.inline,props.style);Object(_hooks_useElementLayout__WEBPACK_IMPORTED_MODULE_5__.a)(hostRef,onLayout),Object(_hooks_useResponderEvents__WEBPACK_IMPORTED_MODULE_7__.a)(hostRef,{onMoveShouldSetResponder:onMoveShouldSetResponder,onMoveShouldSetResponderCapture:onMoveShouldSetResponderCapture,onResponderEnd:onResponderEnd,onResponderGrant:onResponderGrant,onResponderMove:onResponderMove,onResponderReject:onResponderReject,onResponderRelease:onResponderRelease,onResponderStart:onResponderStart,onResponderTerminate:onResponderTerminate,onResponderTerminationRequest:onResponderTerminationRequest,onScrollShouldSetResponder:onScrollShouldSetResponder,onScrollShouldSetResponderCapture:onScrollShouldSetResponderCapture,onSelectionChangeShouldSetResponder:onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture:onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder:onStartShouldSetResponder,onStartShouldSetResponderCapture:onStartShouldSetResponderCapture});var supportedProps=function pickProps(props){return Object(_modules_pick__WEBPACK_IMPORTED_MODULE_3__.a)(props,forwardPropsList)}(props);return supportedProps.classList=classList,supportedProps.ref=setRef,supportedProps.style=style,Object(_hooks_usePlatformMethods__WEBPACK_IMPORTED_MODULE_6__.a)(hostRef,supportedProps),Object(_createElement__WEBPACK_IMPORTED_MODULE_1__.a)("div",supportedProps)}));View.displayName="View";var classes=_StyleSheet_css__WEBPACK_IMPORTED_MODULE_2__.a.create({view:{alignItems:"stretch",border:"0 solid black",boxSizing:"border-box",display:"flex",flexBasis:"auto",flexDirection:"column",flexShrink:0,margin:0,minHeight:0,minWidth:0,padding:0,position:"relative",zIndex:0}}),styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_8__.default.create({inline:{display:"inline-flex"}});__webpack_exports__.default=View},346:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(70),_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(123),_View__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(3);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function useForceableState(forced){var _useState=Object(react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1);return[_useState[0]||forced,_useState[1]]}var MemoedPressable=Object(react__WEBPACK_IMPORTED_MODULE_0__.memo)(Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function Pressable(props,forwardedRef){var accessible=props.accessible,children=props.children,delayLongPress=props.delayLongPress,delayPressIn=props.delayPressIn,delayPressOut=props.delayPressOut,disabled=props.disabled,focusable=props.focusable,onBlur=props.onBlur,onFocus=props.onFocus,onLongPress=props.onLongPress,onPress=props.onPress,onPressMove=props.onPressMove,onPressIn=props.onPressIn,onPressOut=props.onPressOut,style=props.style,testOnly_pressed=props.testOnly_pressed,rest=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["accessible","children","delayLongPress","delayPressIn","delayPressOut","disabled","focusable","onBlur","onFocus","onLongPress","onPress","onPressMove","onPressIn","onPressOut","style","testOnly_pressed"]),_useForceableState=useForceableState(!1),focused=_useForceableState[0],setFocused=_useForceableState[1],_useForceableState2=useForceableState(!0===testOnly_pressed),pressed=_useForceableState2[0],setPressed=_useForceableState2[1],hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),setRef=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_1__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){hostRef.current=hostNode}}),pressConfig=Object(react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((function(){return{delayLongPress:delayLongPress,delayPressStart:delayPressIn,delayPressEnd:delayPressOut,disabled:disabled,onLongPress:onLongPress,onPress:onPress,onPressChange:setPressed,onPressStart:onPressIn,onPressMove:onPressMove,onPressEnd:onPressOut}}),[delayLongPress,delayPressIn,delayPressOut,disabled,onLongPress,onPress,onPressIn,onPressMove,onPressOut,setPressed]),pressEventHandlers=Object(_hooks_usePressEvents__WEBPACK_IMPORTED_MODULE_2__.a)(hostRef,pressConfig),accessibilityState=function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({disabled:disabled},props.accessibilityState),interactionState={focused:focused,pressed:pressed};function createFocusHandler(callback,value){return function(event){event.nativeEvent.target===hostRef.current&&(setFocused(value),null!=callback&&callback(event))}}return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_3__.default,_extends({},rest,pressEventHandlers,{accessibilityState:accessibilityState,accessible:!1!==accessible,focusable:!1!==focusable,onBlur:createFocusHandler(onBlur,!1),onFocus:createFocusHandler(onFocus,!0),ref:setRef,style:"function"==typeof style?style(interactionState):style}),"function"==typeof children?children(interactionState):children)})));MemoedPressable.displayName="Pressable",__webpack_exports__.default=MemoedPressable},347:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var AnimatedValue=__webpack_require__(38),NativeAnimatedHelper=__webpack_require__(18),findNodeHandle=__webpack_require__(101),invariant=__webpack_require__(5),invariant_default=__webpack_require__.n(invariant),shouldUseNativeDriver=NativeAnimatedHelper.a.shouldUseNativeDriver;function attachNativeEvent(viewRef,eventName,argMapping){var eventMappings=[];invariant_default()(argMapping[0]&&argMapping[0].nativeEvent,"Native driven events only support animated values contained inside `nativeEvent`."),function traverse(value,path){if(value instanceof AnimatedValue.a)value.__makeNative(),eventMappings.push({nativeEventPath:path,animatedValueTag:value.__getNativeTag()});else if("object"==typeof value)for(var _key in value)traverse(value[_key],path.concat(_key))}(argMapping[0].nativeEvent,[]);var viewTag=Object(findNodeHandle.a)(viewRef);return eventMappings.forEach((function(mapping){NativeAnimatedHelper.a.API.addAnimatedEventToView(viewTag,eventName,mapping)})),{detach:function detach(){eventMappings.forEach((function(mapping){NativeAnimatedHelper.a.API.removeAnimatedEventFromView(viewTag,eventName,mapping.animatedValueTag)}))}}}var AnimatedEvent_AnimatedEvent=function(){function AnimatedEvent(argMapping,config){void 0===config&&(config={}),this._listeners=[],this._argMapping=argMapping,config.listener&&this.__addListener(config.listener),this._callListeners=this._callListeners.bind(this),this._attachedEvent=null,this.__isNative=shouldUseNativeDriver(config)}var _proto=AnimatedEvent.prototype;return _proto.__addListener=function __addListener(callback){this._listeners.push(callback)},_proto.__removeListener=function __removeListener(callback){this._listeners=this._listeners.filter((function(listener){return listener!==callback}))},_proto.__attach=function __attach(viewRef,eventName){invariant_default()(this.__isNative,"Only native driven events need to be attached."),this._attachedEvent=attachNativeEvent(viewRef,eventName,this._argMapping)},_proto.__detach=function __detach(viewTag,eventName){invariant_default()(this.__isNative,"Only native driven events need to be detached."),this._attachedEvent&&this._attachedEvent.detach()},_proto.__getHandler=function __getHandler(){var _this=this;return this.__isNative?this._callListeners:function(){for(var _len=arguments.length,args=new Array(_len),_key2=0;_key2<_len;_key2++)args[_key2]=arguments[_key2];var traverse=function traverse(recMapping,recEvt,key){if("number"==typeof recEvt&&recMapping instanceof AnimatedValue.a)recMapping.setValue(recEvt);else if("object"==typeof recMapping)for(var mappingKey in recMapping)traverse(recMapping[mappingKey],recEvt[mappingKey],mappingKey)};_this.__isNative||_this._argMapping.forEach((function(mapping,idx){traverse(mapping,args[idx],"arg"+idx)})),_this._callListeners.apply(_this,args)}},_proto._callListeners=function _callListeners(){for(var _len2=arguments.length,args=new Array(_len2),_key3=0;_key3<_len2;_key3++)args[_key3]=arguments[_key3];this._listeners.forEach((function(listener){return listener.apply(void 0,args)}))},_proto._validateMapping=function _validateMapping(){},AnimatedEvent}(),AnimatedInterpolation=__webpack_require__(71),AnimatedWithChildren=__webpack_require__(49);var nodes_AnimatedAddition=function(_AnimatedWithChildren){function AnimatedAddition(a,b){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._a="number"==typeof a?new AnimatedValue.a(a):a,_this._b="number"==typeof b?new AnimatedValue.a(b):b,_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedAddition,_AnimatedWithChildren);var _proto=AnimatedAddition.prototype;return _proto.__makeNative=function __makeNative(){this._a.__makeNative(),this._b.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getValue=function __getValue(){return this._a.__getValue()+this._b.__getValue()},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation.a(this,config)},_proto.__attach=function __attach(){this._a.__addChild(this),this._b.__addChild(this)},_proto.__detach=function __detach(){this._a.__removeChild(this),this._b.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"addition",input:[this._a.__getNativeTag(),this._b.__getNativeTag()]}},AnimatedAddition}(AnimatedWithChildren.a);var nodes_AnimatedDiffClamp=function(_AnimatedWithChildren){function AnimatedDiffClamp(a,min,max){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._a=a,_this._min=min,_this._max=max,_this._value=_this._lastValue=_this._a.__getValue(),_this}!function AnimatedDiffClamp_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedDiffClamp,_AnimatedWithChildren);var _proto=AnimatedDiffClamp.prototype;return _proto.__makeNative=function __makeNative(){this._a.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation.a(this,config)},_proto.__getValue=function __getValue(){var value=this._a.__getValue(),diff=value-this._lastValue;return this._lastValue=value,this._value=Math.min(Math.max(this._value+diff,this._min),this._max),this._value},_proto.__attach=function __attach(){this._a.__addChild(this)},_proto.__detach=function __detach(){this._a.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"diffclamp",input:this._a.__getNativeTag(),min:this._min,max:this._max}},AnimatedDiffClamp}(AnimatedWithChildren.a);var nodes_AnimatedDivision=function(_AnimatedWithChildren){function AnimatedDivision(a,b){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._a="number"==typeof a?new AnimatedValue.a(a):a,_this._b="number"==typeof b?new AnimatedValue.a(b):b,_this}!function AnimatedDivision_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedDivision,_AnimatedWithChildren);var _proto=AnimatedDivision.prototype;return _proto.__makeNative=function __makeNative(){this._a.__makeNative(),this._b.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getValue=function __getValue(){var a=this._a.__getValue(),b=this._b.__getValue();return 0===b&&console.error("Detected division by zero in AnimatedDivision"),a/b},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation.a(this,config)},_proto.__attach=function __attach(){this._a.__addChild(this),this._b.__addChild(this)},_proto.__detach=function __detach(){this._a.__removeChild(this),this._b.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"division",input:[this._a.__getNativeTag(),this._b.__getNativeTag()]}},AnimatedDivision}(AnimatedWithChildren.a);var nodes_AnimatedModulo=function(_AnimatedWithChildren){function AnimatedModulo(a,modulus){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._a=a,_this._modulus=modulus,_this}!function AnimatedModulo_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedModulo,_AnimatedWithChildren);var _proto=AnimatedModulo.prototype;return _proto.__makeNative=function __makeNative(){this._a.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getValue=function __getValue(){return(this._a.__getValue()%this._modulus+this._modulus)%this._modulus},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation.a(this,config)},_proto.__attach=function __attach(){this._a.__addChild(this)},_proto.__detach=function __detach(){this._a.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"modulus",input:this._a.__getNativeTag(),modulus:this._modulus}},AnimatedModulo}(AnimatedWithChildren.a);var nodes_AnimatedMultiplication=function(_AnimatedWithChildren){function AnimatedMultiplication(a,b){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._a="number"==typeof a?new AnimatedValue.a(a):a,_this._b="number"==typeof b?new AnimatedValue.a(b):b,_this}!function AnimatedMultiplication_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedMultiplication,_AnimatedWithChildren);var _proto=AnimatedMultiplication.prototype;return _proto.__makeNative=function __makeNative(){this._a.__makeNative(),this._b.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getValue=function __getValue(){return this._a.__getValue()*this._b.__getValue()},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation.a(this,config)},_proto.__attach=function __attach(){this._a.__addChild(this),this._b.__addChild(this)},_proto.__detach=function __detach(){this._a.__removeChild(this),this._b.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"multiplication",input:[this._a.__getNativeTag(),this._b.__getNativeTag()]}},AnimatedMultiplication}(AnimatedWithChildren.a),AnimatedNode=__webpack_require__(21);var nodes_AnimatedTransform=function(_AnimatedWithChildren){function AnimatedTransform(transforms){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._transforms=transforms,_this}!function AnimatedTransform_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedTransform,_AnimatedWithChildren);var _proto=AnimatedTransform.prototype;return _proto.__makeNative=function __makeNative(){_AnimatedWithChildren.prototype.__makeNative.call(this),this._transforms.forEach((function(transform){for(var key in transform){var value=transform[key];value instanceof AnimatedNode.a&&value.__makeNative()}}))},_proto.__getValue=function __getValue(){return this._transforms.map((function(transform){var result={};for(var key in transform){var value=transform[key];value instanceof AnimatedNode.a?result[key]=value.__getValue():result[key]=value}return result}))},_proto.__getAnimatedValue=function __getAnimatedValue(){return this._transforms.map((function(transform){var result={};for(var key in transform){var value=transform[key];value instanceof AnimatedNode.a?result[key]=value.__getAnimatedValue():result[key]=value}return result}))},_proto.__attach=function __attach(){var _this2=this;this._transforms.forEach((function(transform){for(var key in transform){var value=transform[key];value instanceof AnimatedNode.a&&value.__addChild(_this2)}}))},_proto.__detach=function __detach(){var _this3=this;this._transforms.forEach((function(transform){for(var key in transform){var value=transform[key];value instanceof AnimatedNode.a&&value.__removeChild(_this3)}})),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){var transConfigs=[];return this._transforms.forEach((function(transform){for(var key in transform){var value=transform[key];value instanceof AnimatedNode.a?transConfigs.push({type:"animated",property:key,nodeTag:value.__getNativeTag()}):transConfigs.push({type:"static",property:key,value:value})}})),NativeAnimatedHelper.a.validateTransform(transConfigs),{type:"transform",transforms:transConfigs}},AnimatedTransform}(AnimatedWithChildren.a);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var flattenStyle=__webpack_require__(4).default.flatten,nodes_AnimatedStyle=function(_AnimatedWithChildren){function AnimatedStyle(style){var _this;return _this=_AnimatedWithChildren.call(this)||this,(style=flattenStyle(style)||{}).transform&&(style=function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},style,{transform:new nodes_AnimatedTransform(style.transform)})),_this._style=style,_this}!function AnimatedStyle_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedStyle,_AnimatedWithChildren);var _proto=AnimatedStyle.prototype;return _proto._walkStyleAndGetValues=function _walkStyleAndGetValues(style){var updatedStyle={};for(var key in style){var value=style[key];value instanceof AnimatedNode.a?value.__isNative||(updatedStyle[key]=value.__getValue()):value&&!Array.isArray(value)&&"object"==typeof value?updatedStyle[key]=this._walkStyleAndGetValues(value):updatedStyle[key]=value}return updatedStyle},_proto.__getValue=function __getValue(){return this._walkStyleAndGetValues(this._style)},_proto._walkStyleAndGetAnimatedValues=function _walkStyleAndGetAnimatedValues(style){var updatedStyle={};for(var key in style){var value=style[key];value instanceof AnimatedNode.a?updatedStyle[key]=value.__getAnimatedValue():value&&!Array.isArray(value)&&"object"==typeof value&&(updatedStyle[key]=this._walkStyleAndGetAnimatedValues(value))}return updatedStyle},_proto.__getAnimatedValue=function __getAnimatedValue(){return this._walkStyleAndGetAnimatedValues(this._style)},_proto.__attach=function __attach(){for(var key in this._style){var value=this._style[key];value instanceof AnimatedNode.a&&value.__addChild(this)}},_proto.__detach=function __detach(){for(var key in this._style){var value=this._style[key];value instanceof AnimatedNode.a&&value.__removeChild(this)}_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__makeNative=function __makeNative(){for(var key in this._style){var value=this._style[key];value instanceof AnimatedNode.a&&value.__makeNative()}_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){var styleConfig={};for(var styleKey in this._style)if(this._style[styleKey]instanceof AnimatedNode.a){var style=this._style[styleKey];style.__makeNative(),styleConfig[styleKey]=style.__getNativeTag()}return NativeAnimatedHelper.a.validateStyles(styleConfig),{type:"style",style:styleConfig}},AnimatedStyle}(AnimatedWithChildren.a);function AnimatedProps_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function AnimatedProps_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var nodes_AnimatedProps=function(_AnimatedNode){function AnimatedProps(props,callback){var _this;return _this=_AnimatedNode.call(this)||this,props.style&&(props=function AnimatedProps_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?AnimatedProps_ownKeys(Object(source),!0).forEach((function(key){AnimatedProps_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):AnimatedProps_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},props,{style:new nodes_AnimatedStyle(props.style)})),_this._props=props,_this._callback=callback,_this.__attach(),_this}!function AnimatedProps_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedProps,_AnimatedNode);var _proto=AnimatedProps.prototype;return _proto.__getValue=function __getValue(){var props={};for(var key in this._props){var value=this._props[key];value instanceof AnimatedNode.a?(!value.__isNative||value instanceof nodes_AnimatedStyle)&&(props[key]=value.__getValue()):props[key]=value instanceof AnimatedEvent_AnimatedEvent?value.__getHandler():value}return props},_proto.__getAnimatedValue=function __getAnimatedValue(){var props={};for(var key in this._props){var value=this._props[key];value instanceof AnimatedNode.a&&(props[key]=value.__getAnimatedValue())}return props},_proto.__attach=function __attach(){for(var key in this._props){var value=this._props[key];value instanceof AnimatedNode.a&&value.__addChild(this)}},_proto.__detach=function __detach(){for(var key in this.__isNative&&this._animatedView&&this.__disconnectAnimatedView(),this._props){var value=this._props[key];value instanceof AnimatedNode.a&&value.__removeChild(this)}_AnimatedNode.prototype.__detach.call(this)},_proto.update=function update(){this._callback()},_proto.__makeNative=function __makeNative(){if(!this.__isNative){for(var key in this.__isNative=!0,this._props){var value=this._props[key];value instanceof AnimatedNode.a&&value.__makeNative()}this._animatedView&&this.__connectAnimatedView()}},_proto.setNativeView=function setNativeView(animatedView){this._animatedView!==animatedView&&(this._animatedView=animatedView,this.__isNative&&this.__connectAnimatedView())},_proto.__connectAnimatedView=function __connectAnimatedView(){invariant_default()(this.__isNative,'Expected node to be marked as "native"');var nativeViewTag=Object(findNodeHandle.a)(this._animatedView);invariant_default()(null!=nativeViewTag,"Unable to locate attached view in the native tree"),NativeAnimatedHelper.a.API.connectAnimatedNodeToView(this.__getNativeTag(),nativeViewTag)},_proto.__disconnectAnimatedView=function __disconnectAnimatedView(){invariant_default()(this.__isNative,'Expected node to be marked as "native"');var nativeViewTag=Object(findNodeHandle.a)(this._animatedView);invariant_default()(null!=nativeViewTag,"Unable to locate attached view in the native tree"),NativeAnimatedHelper.a.API.disconnectAnimatedNodeFromView(this.__getNativeTag(),nativeViewTag)},_proto.__getNativeConfig=function __getNativeConfig(){var propsConfig={};for(var propKey in this._props){var value=this._props[propKey];value instanceof AnimatedNode.a&&(value.__makeNative(),propsConfig[propKey]=value.__getNativeTag())}return{type:"props",props:propsConfig}},AnimatedProps}(AnimatedNode.a);var nodes_AnimatedSubtraction=function(_AnimatedWithChildren){function AnimatedSubtraction(a,b){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._a="number"==typeof a?new AnimatedValue.a(a):a,_this._b="number"==typeof b?new AnimatedValue.a(b):b,_this}!function AnimatedSubtraction_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedSubtraction,_AnimatedWithChildren);var _proto=AnimatedSubtraction.prototype;return _proto.__makeNative=function __makeNative(){this._a.__makeNative(),this._b.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getValue=function __getValue(){return this._a.__getValue()-this._b.__getValue()},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation.a(this,config)},_proto.__attach=function __attach(){this._a.__addChild(this),this._b.__addChild(this)},_proto.__detach=function __detach(){this._a.__removeChild(this),this._b.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"subtraction",input:[this._a.__getNativeTag(),this._b.__getNativeTag()]}},AnimatedSubtraction}(AnimatedWithChildren.a);function AnimatedTracking_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function AnimatedTracking_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?AnimatedTracking_ownKeys(Object(source),!0).forEach((function(key){AnimatedTracking_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):AnimatedTracking_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function AnimatedTracking_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var nodes_AnimatedTracking=function(_AnimatedNode){function AnimatedTracking(value,parent,animationClass,animationConfig,callback){var _this;return(_this=_AnimatedNode.call(this)||this)._value=value,_this._parent=parent,_this._animationClass=animationClass,_this._animationConfig=animationConfig,_this._useNativeDriver=Object(NativeAnimatedHelper.c)(animationConfig),_this._callback=callback,_this.__attach(),_this}!function AnimatedTracking_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedTracking,_AnimatedNode);var _proto=AnimatedTracking.prototype;return _proto.__makeNative=function __makeNative(){this.__isNative=!0,this._parent.__makeNative(),_AnimatedNode.prototype.__makeNative.call(this),this._value.__makeNative()},_proto.__getValue=function __getValue(){return this._parent.__getValue()},_proto.__attach=function __attach(){this._parent.__addChild(this),this._useNativeDriver&&this.__makeNative()},_proto.__detach=function __detach(){this._parent.__removeChild(this),_AnimatedNode.prototype.__detach.call(this)},_proto.update=function update(){this._value.animate(new this._animationClass(AnimatedTracking_objectSpread({},this._animationConfig,{toValue:this._animationConfig.toValue.__getValue()})),this._callback)},_proto.__getNativeConfig=function __getNativeConfig(){var animationConfig=new this._animationClass(AnimatedTracking_objectSpread({},this._animationConfig,{toValue:void 0})).__getNativeAnimationConfig();return{type:"tracking",animationId:Object(NativeAnimatedHelper.b)(),animationConfig:animationConfig,toValue:this._parent.__getNativeTag(),value:this._value.__getNativeTag()}},AnimatedTracking}(AnimatedNode.a),AnimatedValueXY=__webpack_require__(203),DecayAnimation=__webpack_require__(548),SpringAnimation=__webpack_require__(359),TimingAnimation=__webpack_require__(361),react=__webpack_require__(0),react_default=__webpack_require__.n(react),setAndForwardRef=__webpack_require__(70);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var Animated_createAnimatedComponent=function createAnimatedComponent(Component,defaultProps){invariant_default()("function"!=typeof Component||Component.prototype&&Component.prototype.isReactComponent,"`createAnimatedComponent` does not support stateless functional components; use a class component instead.");var AnimatedComponent=function(_React$Component){function AnimatedComponent(props){var _this;return(_this=_React$Component.call(this,props)||this)._invokeAnimatedPropsCallbackOnMount=!1,_this._eventDetachers=[],_this._animatedPropsCallback=function(){if(null==_this._component)_this._invokeAnimatedPropsCallbackOnMount=!0;else if(AnimatedComponent.__skipSetNativeProps_FOR_TESTS_ONLY||"function"!=typeof _this._component.setNativeProps)_this.forceUpdate();else{if(_this._propsAnimated.__isNative)throw new Error('Attempting to run JS driven animation on animated node that has been moved to "native" earlier by starting an animation with `useNativeDriver: true`');_this._component.setNativeProps(_this._propsAnimated.__getAnimatedValue())}},_this._setComponentRef=Object(setAndForwardRef.a)({getForwardedRef:function getForwardedRef(){return _this.props.forwardedRef},setLocalRef:function setLocalRef(ref){_this._prevComponent=_this._component,_this._component=ref,null!=ref&&null==ref.getNode&&(ref.getNode=function(){var _ref$constructor$name;return console.warn("%s: Calling `getNode()` on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release.",null!==(_ref$constructor$name=ref.constructor.name)&&void 0!==_ref$constructor$name?_ref$constructor$name:"<<anonymous>>"),ref})}}),_this}!function createAnimatedComponent_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedComponent,_React$Component);var _proto=AnimatedComponent.prototype;return _proto.componentWillUnmount=function componentWillUnmount(){this._propsAnimated&&this._propsAnimated.__detach(),this._detachNativeEvents()},_proto.UNSAFE_componentWillMount=function UNSAFE_componentWillMount(){this._attachProps(this.props)},_proto.componentDidMount=function componentDidMount(){this._invokeAnimatedPropsCallbackOnMount&&(this._invokeAnimatedPropsCallbackOnMount=!1,this._animatedPropsCallback()),this._propsAnimated.setNativeView(this._component),this._attachNativeEvents()},_proto._attachNativeEvents=function _attachNativeEvents(){var _this2=this,scrollableNode=this._component&&this._component.getScrollableNode?this._component.getScrollableNode():this._component,_loop=function _loop(key){var prop=_this2.props[key];prop instanceof AnimatedEvent_AnimatedEvent&&prop.__isNative&&(prop.__attach(scrollableNode,key),_this2._eventDetachers.push((function(){return prop.__detach(scrollableNode,key)})))};for(var key in this.props)_loop(key)},_proto._detachNativeEvents=function _detachNativeEvents(){this._eventDetachers.forEach((function(remove){return remove()})),this._eventDetachers=[]},_proto._attachProps=function _attachProps(nextProps){var oldPropsAnimated=this._propsAnimated;this._propsAnimated=new nodes_AnimatedProps(nextProps,this._animatedPropsCallback),oldPropsAnimated&&oldPropsAnimated.__detach()},_proto.UNSAFE_componentWillReceiveProps=function UNSAFE_componentWillReceiveProps(newProps){this._attachProps(newProps)},_proto.componentDidUpdate=function componentDidUpdate(prevProps){this._component!==this._prevComponent&&this._propsAnimated.setNativeView(this._component),this._component===this._prevComponent&&prevProps===this.props||(this._detachNativeEvents(),this._attachNativeEvents())},_proto.render=function render(){var props=this._propsAnimated.__getValue();return react_default.a.createElement(Component,_extends({},defaultProps,props,{ref:this._setComponentRef,collapsable:!1}))},AnimatedComponent}(react_default.a.Component);return AnimatedComponent.__skipSetNativeProps_FOR_TESTS_ONLY=!1,Component.propTypes,react_default.a.forwardRef((function AnimatedComponentWrapper(props,ref){return react_default.a.createElement(AnimatedComponent,_extends({},props,null==ref?null:{forwardedRef:ref}))}))};function AnimatedImplementation_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function AnimatedImplementation_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?AnimatedImplementation_ownKeys(Object(source),!0).forEach((function(key){AnimatedImplementation_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):AnimatedImplementation_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function AnimatedImplementation_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var _combineCallbacks=function _combineCallbacks(callback,config){return callback&&config.onComplete?function(){config.onComplete&&config.onComplete.apply(config,arguments),callback&&callback.apply(void 0,arguments)}:callback||config.onComplete},AnimatedImplementation_maybeVectorAnim=function maybeVectorAnim(value,config,anim){if(value instanceof AnimatedValueXY.a){var configX=AnimatedImplementation_objectSpread({},config),configY=AnimatedImplementation_objectSpread({},config);for(var key in config){var _config$key=config[key],x=_config$key.x,y=_config$key.y;void 0!==x&&void 0!==y&&(configX[key]=x,configY[key]=y)}var aX=anim(value.x,configX),aY=anim(value.y,configY);return parallel([aX,aY],{stopTogether:!1})}return null},AnimatedImplementation_timing=function timing(value,config){var _start2=function start(animatedValue,configuration,callback){callback=_combineCallbacks(callback,configuration);var singleValue=animatedValue,singleConfig=configuration;singleValue.stopTracking(),configuration.toValue instanceof AnimatedNode.a?singleValue.track(new nodes_AnimatedTracking(singleValue,configuration.toValue,TimingAnimation.a,singleConfig,callback)):singleValue.animate(new TimingAnimation.a(singleConfig),callback)};return AnimatedImplementation_maybeVectorAnim(value,config,timing)||{start:function start(callback){_start2(value,config,callback)},stop:function stop(){value.stopAnimation()},reset:function reset(){value.resetAnimation()},_startNativeLoop:function _startNativeLoop(iterations){var singleConfig=AnimatedImplementation_objectSpread({},config,{iterations:iterations});_start2(value,singleConfig)},_isUsingNativeDriver:function _isUsingNativeDriver(){return config.useNativeDriver||!1}}},sequence=function sequence(animations){var current=0;return{start:function start(callback){0===animations.length?callback&&callback({finished:!0}):animations[current].start((function onComplete(result){result.finished&&++current!==animations.length?animations[current].start(onComplete):callback&&callback(result)}))},stop:function stop(){current<animations.length&&animations[current].stop()},reset:function reset(){animations.forEach((function(animation,idx){idx<=current&&animation.reset()})),current=0},_startNativeLoop:function _startNativeLoop(){throw new Error("Loops run using the native driver cannot contain Animated.sequence animations")},_isUsingNativeDriver:function _isUsingNativeDriver(){return!1}}},parallel=function parallel(animations,config){var doneCount=0,hasEnded={},stopTogether=!(config&&!1===config.stopTogether),result={start:function start(callback){doneCount!==animations.length?animations.forEach((function(animation,idx){var cb=function cb(endResult){if(hasEnded[idx]=!0,++doneCount===animations.length)return doneCount=0,void(callback&&callback(endResult));!endResult.finished&&stopTogether&&result.stop()};animation?animation.start(cb):cb({finished:!0})})):callback&&callback({finished:!0})},stop:function stop(){animations.forEach((function(animation,idx){!hasEnded[idx]&&animation.stop(),hasEnded[idx]=!0}))},reset:function reset(){animations.forEach((function(animation,idx){animation.reset(),hasEnded[idx]=!1,doneCount=0}))},_startNativeLoop:function _startNativeLoop(){throw new Error("Loops run using the native driver cannot contain Animated.parallel animations")},_isUsingNativeDriver:function _isUsingNativeDriver(){return!1}};return result},AnimatedImplementation_delay=function delay(time){return AnimatedImplementation_timing(new AnimatedValue.a(0),{toValue:0,delay:time,duration:0})};var Animated_AnimatedImplementation={Value:AnimatedValue.a,ValueXY:AnimatedValueXY.a,Interpolation:AnimatedInterpolation.a,Node:AnimatedNode.a,decay:function decay(value,config){var _start3=function start(animatedValue,configuration,callback){callback=_combineCallbacks(callback,configuration);var singleValue=animatedValue,singleConfig=configuration;singleValue.stopTracking(),singleValue.animate(new DecayAnimation.a(singleConfig),callback)};return AnimatedImplementation_maybeVectorAnim(value,config,decay)||{start:function start(callback){_start3(value,config,callback)},stop:function stop(){value.stopAnimation()},reset:function reset(){value.resetAnimation()},_startNativeLoop:function _startNativeLoop(iterations){var singleConfig=AnimatedImplementation_objectSpread({},config,{iterations:iterations});_start3(value,singleConfig)},_isUsingNativeDriver:function _isUsingNativeDriver(){return config.useNativeDriver||!1}}},timing:AnimatedImplementation_timing,spring:function spring(value,config){var _start=function start(animatedValue,configuration,callback){callback=_combineCallbacks(callback,configuration);var singleValue=animatedValue,singleConfig=configuration;singleValue.stopTracking(),configuration.toValue instanceof AnimatedNode.a?singleValue.track(new nodes_AnimatedTracking(singleValue,configuration.toValue,SpringAnimation.a,singleConfig,callback)):singleValue.animate(new SpringAnimation.a(singleConfig),callback)};return AnimatedImplementation_maybeVectorAnim(value,config,spring)||{start:function start(callback){_start(value,config,callback)},stop:function stop(){value.stopAnimation()},reset:function reset(){value.resetAnimation()},_startNativeLoop:function _startNativeLoop(iterations){var singleConfig=AnimatedImplementation_objectSpread({},config,{iterations:iterations});_start(value,singleConfig)},_isUsingNativeDriver:function _isUsingNativeDriver(){return config.useNativeDriver||!1}}},add:function add(a,b){return new nodes_AnimatedAddition(a,b)},subtract:function subtract(a,b){return new nodes_AnimatedSubtraction(a,b)},divide:function divide(a,b){return new nodes_AnimatedDivision(a,b)},multiply:function multiply(a,b){return new nodes_AnimatedMultiplication(a,b)},modulo:function modulo(a,modulus){return new nodes_AnimatedModulo(a,modulus)},diffClamp:function diffClamp(a,min,max){return new nodes_AnimatedDiffClamp(a,min,max)},delay:AnimatedImplementation_delay,sequence:sequence,parallel:parallel,stagger:function stagger(time,animations){return parallel(animations.map((function(animation,i){return sequence([AnimatedImplementation_delay(time*i),animation])})))},loop:function loop(animation,_temp){var _ref=void 0===_temp?{}:_temp,_ref$iterations=_ref.iterations,iterations=void 0===_ref$iterations?-1:_ref$iterations,_ref$resetBeforeItera=_ref.resetBeforeIteration,resetBeforeIteration=void 0===_ref$resetBeforeItera||_ref$resetBeforeItera,isFinished=!1,iterationsSoFar=0;return{start:function start(callback){animation&&0!==iterations?animation._isUsingNativeDriver()?animation._startNativeLoop(iterations):function restart(result){void 0===result&&(result={finished:!0}),isFinished||iterationsSoFar===iterations||!1===result.finished?callback&&callback(result):(iterationsSoFar++,resetBeforeIteration&&animation.reset(),animation.start(restart))}():callback&&callback({finished:!0})},stop:function stop(){isFinished=!0,animation.stop()},reset:function reset(){iterationsSoFar=0,isFinished=!1,animation.reset()},_startNativeLoop:function _startNativeLoop(){throw new Error("Loops run using the native driver cannot contain Animated.loop animations")},_isUsingNativeDriver:function _isUsingNativeDriver(){return animation._isUsingNativeDriver()}}},event:function event(argMapping,config){var animatedEvent=new AnimatedEvent_AnimatedEvent(argMapping,config);return animatedEvent.__isNative?animatedEvent:animatedEvent.__getHandler()},createAnimatedComponent:Animated_createAnimatedComponent,attachNativeEvent:attachNativeEvent,forkEvent:function forkEvent(event,listener){return event?event instanceof AnimatedEvent_AnimatedEvent?(event.__addListener(listener),event):function(){"function"==typeof event&&event.apply(void 0,arguments),listener.apply(void 0,arguments)}:listener},unforkEvent:function unforkEvent(event,listener){event&&event instanceof AnimatedEvent_AnimatedEvent&&event.__removeListener(listener)},Event:AnimatedEvent_AnimatedEvent,__PropsOnlyForTests:nodes_AnimatedProps},FlatList=__webpack_require__(262),Image=__webpack_require__(69),Platform=__webpack_require__(157),View=__webpack_require__(3),VirtualizedList=__webpack_require__(168);function VirtualizedSectionList_extends(){return(VirtualizedSectionList_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function VirtualizedSectionList_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function VirtualizedSectionList_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?VirtualizedSectionList_ownKeys(Object(source),!0).forEach((function(key){VirtualizedSectionList_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):VirtualizedSectionList_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function VirtualizedSectionList_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function VirtualizedSectionList_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}var VirtualizedSectionList_VirtualizedSectionList=function(_React$PureComponent){VirtualizedSectionList_inheritsLoose(VirtualizedSectionList,_React$PureComponent);var _proto=VirtualizedSectionList.prototype;function VirtualizedSectionList(props,context){var _this;return(_this=_React$PureComponent.call(this,props,context)||this)._keyExtractor=function(item,index){var info=_this._subExtractor(index);return info&&info.key||String(index)},_this._convertViewable=function(viewable){invariant_default()(null!=viewable.index,"Received a broken ViewToken");var info=_this._subExtractor(viewable.index);if(!info)return null;var keyExtractor=info.section.keyExtractor||_this.props.keyExtractor;return VirtualizedSectionList_objectSpread({},viewable,{index:info.index,key:keyExtractor(viewable.item,info.index),section:info.section})},_this._onViewableItemsChanged=function(_ref){var viewableItems=_ref.viewableItems,changed=_ref.changed;_this.props.onViewableItemsChanged&&_this.props.onViewableItemsChanged({viewableItems:viewableItems.map(_this._convertViewable,_assertThisInitialized(_this)).filter(Boolean),changed:changed.map(_this._convertViewable,_assertThisInitialized(_this)).filter(Boolean)})},_this._renderItem=function(_ref2){var item=_ref2.item,index=_ref2.index,info=_this._subExtractor(index);if(!info)return null;var infoIndex=info.index;if(null==infoIndex){var section=info.section;if(!0===info.header){var renderSectionHeader=_this.props.renderSectionHeader;return renderSectionHeader?renderSectionHeader({section:section}):null}var renderSectionFooter=_this.props.renderSectionFooter;return renderSectionFooter?renderSectionFooter({section:section}):null}var renderItem=info.section.renderItem||_this.props.renderItem,SeparatorComponent=_this._getSeparatorComponent(index,info);return invariant_default()(renderItem,"no renderItem!"),react.createElement(VirtualizedSectionList_ItemWithSeparator,{SeparatorComponent:SeparatorComponent,LeadingSeparatorComponent:0===infoIndex?_this.props.SectionSeparatorComponent:void 0,cellKey:info.key,index:infoIndex,item:item,leadingItem:info.leadingItem,leadingSection:info.leadingSection,onUpdateSeparator:_this._onUpdateSeparator,prevCellKey:(_this._subExtractor(index-1)||{}).key,ref:function ref(_ref3){_this._cellRefs[info.key]=_ref3},renderItem:renderItem,section:info.section,trailingItem:info.trailingItem,trailingSection:info.trailingSection})},_this._onUpdateSeparator=function(key,newProps){var ref=_this._cellRefs[key];ref&&ref.updateSeparatorProps(newProps)},_this._cellRefs={},_this._captureRef=function(ref){_this._listRef=ref},_this.state=_this._computeState(props),_this}return _proto.scrollToLocation=function scrollToLocation(params){for(var index=params.itemIndex,i=0;i<params.sectionIndex;i++)index+=this.props.getItemCount(this.props.sections[i].data)+2;var viewOffset=0;params.itemIndex>0&&this.props.stickySectionHeadersEnabled&&(viewOffset=this._listRef._getFrameMetricsApprox(index-params.itemIndex).length);var toIndexParams=VirtualizedSectionList_objectSpread({},params,{viewOffset:viewOffset,index:index});this._listRef.scrollToIndex(toIndexParams)},_proto.getListRef=function getListRef(){return this._listRef},_proto.UNSAFE_componentWillReceiveProps=function UNSAFE_componentWillReceiveProps(nextProps){this.setState(this._computeState(nextProps))},_proto._computeState=function _computeState(props){var offset=props.ListHeaderComponent?1:0,stickyHeaderIndices=[],itemCount=props.sections?props.sections.reduce((function(v,section){return stickyHeaderIndices.push(v+offset),v+props.getItemCount(section.data)+2}),0):0;return{childProps:VirtualizedSectionList_objectSpread({},props,{renderItem:this._renderItem,ItemSeparatorComponent:void 0,data:props.sections,getItemCount:function getItemCount(){return itemCount},getItem:function getItem(sections,index){return function _getItem(props,sections,index){if(!sections)return null;for(var itemIdx=index-1,i=0;i<sections.length;i++){var section=sections[i],sectionData=section.data,itemCount=props.getItemCount(sectionData);if(-1===itemIdx||itemIdx===itemCount)return section;if(itemIdx<itemCount)return props.getItem(sectionData,itemIdx);itemIdx-=itemCount+2}return null}(props,sections,index)},keyExtractor:this._keyExtractor,onViewableItemsChanged:props.onViewableItemsChanged?this._onViewableItemsChanged:void 0,stickyHeaderIndices:props.stickySectionHeadersEnabled?stickyHeaderIndices:void 0})}},_proto.render=function render(){return react.createElement(VirtualizedList.a,VirtualizedSectionList_extends({},this.state.childProps,{ref:this._captureRef}))},_proto._subExtractor=function _subExtractor(index){for(var itemIndex=index,_this$props=this.props,getItem=_this$props.getItem,getItemCount=_this$props.getItemCount,keyExtractor=_this$props.keyExtractor,sections=_this$props.sections,i=0;i<sections.length;i++){var section=sections[i],sectionData=section.data,key=section.key||String(i);if(!((itemIndex-=1)>=getItemCount(sectionData)+1))return-1===itemIndex?{section:section,key:key+":header",index:null,header:!0,trailingSection:sections[i+1]}:itemIndex===getItemCount(sectionData)?{section:section,key:key+":footer",index:null,header:!1,trailingSection:sections[i+1]}:{section:section,key:key+":"+(section.keyExtractor||keyExtractor)(getItem(sectionData,itemIndex),itemIndex),index:itemIndex,leadingItem:getItem(sectionData,itemIndex-1),leadingSection:sections[i-1],trailingItem:getItem(sectionData,itemIndex+1),trailingSection:sections[i+1]};itemIndex-=getItemCount(sectionData)+1}},_proto._getSeparatorComponent=function _getSeparatorComponent(index,info){if(!(info=info||this._subExtractor(index)))return null;var ItemSeparatorComponent=info.section.ItemSeparatorComponent||this.props.ItemSeparatorComponent,SectionSeparatorComponent=this.props.SectionSeparatorComponent,isLastItemInList=index===this.state.childProps.getItemCount()-1,isLastItemInSection=info.index===this.props.getItemCount(info.section.data)-1;return SectionSeparatorComponent&&isLastItemInSection?SectionSeparatorComponent:!ItemSeparatorComponent||isLastItemInSection||isLastItemInList?null:ItemSeparatorComponent},VirtualizedSectionList}(react.PureComponent);VirtualizedSectionList_VirtualizedSectionList.defaultProps=VirtualizedSectionList_objectSpread({},VirtualizedList.a.defaultProps,{data:[]});var VirtualizedSectionList_ItemWithSeparator=function(_React$Component){function ItemWithSeparator(){for(var _this2,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this2=_React$Component.call.apply(_React$Component,[this].concat(args))||this).state={separatorProps:{highlighted:!1,leadingItem:_this2.props.item,leadingSection:_this2.props.leadingSection,section:_this2.props.section,trailingItem:_this2.props.trailingItem,trailingSection:_this2.props.trailingSection},leadingSeparatorProps:{highlighted:!1,leadingItem:_this2.props.leadingItem,leadingSection:_this2.props.leadingSection,section:_this2.props.section,trailingItem:_this2.props.item,trailingSection:_this2.props.trailingSection}},_this2._separators={highlight:function highlight(){["leading","trailing"].forEach((function(s){return _this2._separators.updateProps(s,{highlighted:!0})}))},unhighlight:function unhighlight(){["leading","trailing"].forEach((function(s){return _this2._separators.updateProps(s,{highlighted:!1})}))},updateProps:function updateProps(select,newProps){var _this2$props=_this2.props,LeadingSeparatorComponent=_this2$props.LeadingSeparatorComponent,cellKey=_this2$props.cellKey,prevCellKey=_this2$props.prevCellKey;"leading"===select&&null!=LeadingSeparatorComponent?_this2.setState((function(state){return{leadingSeparatorProps:VirtualizedSectionList_objectSpread({},state.leadingSeparatorProps,{},newProps)}})):_this2.props.onUpdateSeparator("leading"===select&&prevCellKey||cellKey,newProps)}},_this2}VirtualizedSectionList_inheritsLoose(ItemWithSeparator,_React$Component),ItemWithSeparator.getDerivedStateFromProps=function getDerivedStateFromProps(props,prevState){return{separatorProps:VirtualizedSectionList_objectSpread({},prevState.separatorProps,{leadingItem:props.item,leadingSection:props.leadingSection,section:props.section,trailingItem:props.trailingItem,trailingSection:props.trailingSection}),leadingSeparatorProps:VirtualizedSectionList_objectSpread({},prevState.leadingSeparatorProps,{leadingItem:props.leadingItem,leadingSection:props.leadingSection,section:props.section,trailingItem:props.item,trailingSection:props.trailingSection})}};var _proto2=ItemWithSeparator.prototype;return _proto2.updateSeparatorProps=function updateSeparatorProps(newProps){this.setState((function(state){return{separatorProps:VirtualizedSectionList_objectSpread({},state.separatorProps,{},newProps)}}))},_proto2.render=function render(){var _this$props2=this.props,LeadingSeparatorComponent=_this$props2.LeadingSeparatorComponent,SeparatorComponent=_this$props2.SeparatorComponent,item=_this$props2.item,index=_this$props2.index,section=_this$props2.section,element=this.props.renderItem({item:item,index:index,section:section,separators:this._separators}),leadingSeparator=LeadingSeparatorComponent&&react.createElement(LeadingSeparatorComponent,this.state.leadingSeparatorProps),separator=SeparatorComponent&&react.createElement(SeparatorComponent,this.state.separatorProps);return leadingSeparator||separator?react.createElement(View.default,null,leadingSeparator,element,separator):element},ItemWithSeparator}(react.Component);var react_native_VirtualizedSectionList=VirtualizedSectionList_VirtualizedSectionList;function SectionList_extends(){return(SectionList_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function SectionList_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function SectionList_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var SectionList_defaultProps=function SectionList_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?SectionList_ownKeys(Object(source),!0).forEach((function(key){SectionList_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):SectionList_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},react_native_VirtualizedSectionList.defaultProps,{stickySectionHeadersEnabled:"ios"===Platform.default.OS}),SectionList_SectionList=function(_React$PureComponent){function SectionList(){for(var _this,_len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return(_this=_React$PureComponent.call.apply(_React$PureComponent,[this].concat(args))||this)._captureRef=function(ref){_this._wrapperListRef=ref},_this}!function SectionList_inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(SectionList,_React$PureComponent);var _proto=SectionList.prototype;return _proto.scrollToLocation=function scrollToLocation(params){null!=this._wrapperListRef&&this._wrapperListRef.scrollToLocation(params)},_proto.recordInteraction=function recordInteraction(){var listRef=this._wrapperListRef&&this._wrapperListRef.getListRef();listRef&&listRef.recordInteraction()},_proto.flashScrollIndicators=function flashScrollIndicators(){var listRef=this._wrapperListRef&&this._wrapperListRef.getListRef();listRef&&listRef.flashScrollIndicators()},_proto.getScrollResponder=function getScrollResponder(){var listRef=this._wrapperListRef&&this._wrapperListRef.getListRef();if(listRef)return listRef.getScrollResponder()},_proto.getScrollableNode=function getScrollableNode(){var listRef=this._wrapperListRef&&this._wrapperListRef.getListRef();if(listRef)return listRef.getScrollableNode()},_proto.setNativeProps=function setNativeProps(props){var listRef=this._wrapperListRef&&this._wrapperListRef.getListRef();listRef&&listRef.setNativeProps(props)},_proto.render=function render(){return react.createElement(react_native_VirtualizedSectionList,SectionList_extends({},this.props,{ref:this._captureRef,getItemCount:function getItemCount(items){return items.length},getItem:function getItem(items,index){return items[index]}}))},SectionList}(react.PureComponent);SectionList_SectionList.defaultProps=SectionList_defaultProps;var exports_SectionList=SectionList_SectionList,ScrollView=__webpack_require__(80),Text=__webpack_require__(9);function Animated_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function Animated_defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var Animated=function Animated_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?Animated_ownKeys(Object(source),!0).forEach((function(key){Animated_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):Animated_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},Animated_AnimatedImplementation,{FlatList:Animated_AnimatedImplementation.createAnimatedComponent(FlatList.default,{scrollEventThrottle:1e-4}),Image:Animated_AnimatedImplementation.createAnimatedComponent(Image.default),ScrollView:Animated_AnimatedImplementation.createAnimatedComponent(ScrollView.default,{scrollEventThrottle:1e-4}),SectionList:Animated_AnimatedImplementation.createAnimatedComponent(exports_SectionList,{scrollEventThrottle:1e-4}),View:Animated_AnimatedImplementation.createAnimatedComponent(View.default),Text:Animated_AnimatedImplementation.createAnimatedComponent(Text.default)});__webpack_exports__.default=Animated},348:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var InteractionManager=__webpack_require__(124),TouchHistoryMath={centroidDimension:function centroidDimension(touchHistory,touchesChangedAfter,isXAxis,ofCurrent){var touchBank=touchHistory.touchBank,total=0,count=0,oneTouchData=1===touchHistory.numberActiveTouches?touchHistory.touchBank[touchHistory.indexOfSingleActiveTouch]:null;if(null!==oneTouchData)oneTouchData.touchActive&&oneTouchData.currentTimeStamp>touchesChangedAfter&&(total+=ofCurrent&&isXAxis?oneTouchData.currentPageX:ofCurrent&&!isXAxis?oneTouchData.currentPageY:!ofCurrent&&isXAxis?oneTouchData.previousPageX:oneTouchData.previousPageY,count=1);else for(var i=0;i<touchBank.length;i++){var touchTrack=touchBank[i];if(null!=touchTrack&&touchTrack.touchActive&&touchTrack.currentTimeStamp>=touchesChangedAfter){total+=ofCurrent&&isXAxis?touchTrack.currentPageX:ofCurrent&&!isXAxis?touchTrack.currentPageY:!ofCurrent&&isXAxis?touchTrack.previousPageX:touchTrack.previousPageY,count++}}return count>0?total/count:TouchHistoryMath.noCentroid},currentCentroidXOfTouchesChangedAfter:function currentCentroidXOfTouchesChangedAfter(touchHistory,touchesChangedAfter){return TouchHistoryMath.centroidDimension(touchHistory,touchesChangedAfter,!0,!0)},currentCentroidYOfTouchesChangedAfter:function currentCentroidYOfTouchesChangedAfter(touchHistory,touchesChangedAfter){return TouchHistoryMath.centroidDimension(touchHistory,touchesChangedAfter,!1,!0)},previousCentroidXOfTouchesChangedAfter:function previousCentroidXOfTouchesChangedAfter(touchHistory,touchesChangedAfter){return TouchHistoryMath.centroidDimension(touchHistory,touchesChangedAfter,!0,!1)},previousCentroidYOfTouchesChangedAfter:function previousCentroidYOfTouchesChangedAfter(touchHistory,touchesChangedAfter){return TouchHistoryMath.centroidDimension(touchHistory,touchesChangedAfter,!1,!1)},currentCentroidX:function currentCentroidX(touchHistory){return TouchHistoryMath.centroidDimension(touchHistory,0,!0,!0)},currentCentroidY:function currentCentroidY(touchHistory){return TouchHistoryMath.centroidDimension(touchHistory,0,!1,!0)},noCentroid:-1},react_native_TouchHistoryMath=TouchHistoryMath,currentCentroidXOfTouchesChangedAfter=react_native_TouchHistoryMath.currentCentroidXOfTouchesChangedAfter,currentCentroidYOfTouchesChangedAfter=react_native_TouchHistoryMath.currentCentroidYOfTouchesChangedAfter,previousCentroidXOfTouchesChangedAfter=react_native_TouchHistoryMath.previousCentroidXOfTouchesChangedAfter,previousCentroidYOfTouchesChangedAfter=react_native_TouchHistoryMath.previousCentroidYOfTouchesChangedAfter,currentCentroidX=react_native_TouchHistoryMath.currentCentroidX,currentCentroidY=react_native_TouchHistoryMath.currentCentroidY,PanResponder={_initializeGestureState:function _initializeGestureState(gestureState){gestureState.moveX=0,gestureState.moveY=0,gestureState.x0=0,gestureState.y0=0,gestureState.dx=0,gestureState.dy=0,gestureState.vx=0,gestureState.vy=0,gestureState.numberActiveTouches=0,gestureState._accountsForMovesUpTo=0},_updateGestureStateOnMove:function _updateGestureStateOnMove(gestureState,touchHistory){gestureState.numberActiveTouches=touchHistory.numberActiveTouches,gestureState.moveX=currentCentroidXOfTouchesChangedAfter(touchHistory,gestureState._accountsForMovesUpTo),gestureState.moveY=currentCentroidYOfTouchesChangedAfter(touchHistory,gestureState._accountsForMovesUpTo);var movedAfter=gestureState._accountsForMovesUpTo,prevX=previousCentroidXOfTouchesChangedAfter(touchHistory,movedAfter),x=currentCentroidXOfTouchesChangedAfter(touchHistory,movedAfter),prevY=previousCentroidYOfTouchesChangedAfter(touchHistory,movedAfter),y=currentCentroidYOfTouchesChangedAfter(touchHistory,movedAfter),nextDX=gestureState.dx+(x-prevX),nextDY=gestureState.dy+(y-prevY),dt=touchHistory.mostRecentTimeStamp-gestureState._accountsForMovesUpTo;gestureState.vx=(nextDX-gestureState.dx)/dt,gestureState.vy=(nextDY-gestureState.dy)/dt,gestureState.dx=nextDX,gestureState.dy=nextDY,gestureState._accountsForMovesUpTo=touchHistory.mostRecentTimeStamp},create:function create(config){var interactionState={handle:null},gestureState={stateID:Math.random(),moveX:0,moveY:0,x0:0,y0:0,dx:0,dy:0,vx:0,vy:0,numberActiveTouches:0,_accountsForMovesUpTo:0};return{panHandlers:{onStartShouldSetResponder:function onStartShouldSetResponder(event){return null!=config.onStartShouldSetPanResponder&&config.onStartShouldSetPanResponder(event,gestureState)},onMoveShouldSetResponder:function onMoveShouldSetResponder(event){return null!=config.onMoveShouldSetPanResponder&&config.onMoveShouldSetPanResponder(event,gestureState)},onStartShouldSetResponderCapture:function onStartShouldSetResponderCapture(event){return 1===event.nativeEvent.touches.length&&PanResponder._initializeGestureState(gestureState),gestureState.numberActiveTouches=event.touchHistory.numberActiveTouches,null!=config.onStartShouldSetPanResponderCapture&&config.onStartShouldSetPanResponderCapture(event,gestureState)},onMoveShouldSetResponderCapture:function onMoveShouldSetResponderCapture(event){var touchHistory=event.touchHistory;return gestureState._accountsForMovesUpTo!==touchHistory.mostRecentTimeStamp&&(PanResponder._updateGestureStateOnMove(gestureState,touchHistory),!!config.onMoveShouldSetPanResponderCapture&&config.onMoveShouldSetPanResponderCapture(event,gestureState))},onResponderGrant:function onResponderGrant(event){return interactionState.handle||(interactionState.handle=InteractionManager.a.createInteractionHandle()),gestureState.x0=currentCentroidX(event.touchHistory),gestureState.y0=currentCentroidY(event.touchHistory),gestureState.dx=0,gestureState.dy=0,config.onPanResponderGrant&&config.onPanResponderGrant(event,gestureState),null==config.onShouldBlockNativeResponder||config.onShouldBlockNativeResponder(event,gestureState)},onResponderReject:function onResponderReject(event){clearInteractionHandle(interactionState,config.onPanResponderReject,event,gestureState)},onResponderRelease:function onResponderRelease(event){clearInteractionHandle(interactionState,config.onPanResponderRelease,event,gestureState),PanResponder._initializeGestureState(gestureState)},onResponderStart:function onResponderStart(event){var touchHistory=event.touchHistory;gestureState.numberActiveTouches=touchHistory.numberActiveTouches,config.onPanResponderStart&&config.onPanResponderStart(event,gestureState)},onResponderMove:function onResponderMove(event){var touchHistory=event.touchHistory;gestureState._accountsForMovesUpTo!==touchHistory.mostRecentTimeStamp&&(PanResponder._updateGestureStateOnMove(gestureState,touchHistory),config.onPanResponderMove&&config.onPanResponderMove(event,gestureState))},onResponderEnd:function onResponderEnd(event){var touchHistory=event.touchHistory;gestureState.numberActiveTouches=touchHistory.numberActiveTouches,clearInteractionHandle(interactionState,config.onPanResponderEnd,event,gestureState)},onResponderTerminate:function onResponderTerminate(event){clearInteractionHandle(interactionState,config.onPanResponderTerminate,event,gestureState),PanResponder._initializeGestureState(gestureState)},onResponderTerminationRequest:function onResponderTerminationRequest(event){return null==config.onPanResponderTerminationRequest||config.onPanResponderTerminationRequest(event,gestureState)}},getInteractionHandle:function getInteractionHandle(){return interactionState.handle}}}};function clearInteractionHandle(interactionState,callback,event,gestureState){interactionState.handle&&(InteractionManager.a.clearInteractionHandle(interactionState.handle),interactionState.handle=null),callback&&callback(event,gestureState)}var react_native_PanResponder=PanResponder;__webpack_exports__.default=react_native_PanResponder},354:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"default",(function(){return PixelRatio}));var _Dimensions__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(161),PixelRatio=function(){function PixelRatio(){}return PixelRatio.get=function get(){return _Dimensions__WEBPACK_IMPORTED_MODULE_0__.default.get("window").scale},PixelRatio.getFontScale=function getFontScale(){return _Dimensions__WEBPACK_IMPORTED_MODULE_0__.default.get("window").fontScale||PixelRatio.get()},PixelRatio.getPixelSizeForLayoutSize=function getPixelSizeForLayoutSize(layoutSize){return Math.round(layoutSize*PixelRatio.get())},PixelRatio.roundToNearestPixel=function roundToNearestPixel(layoutSize){var ratio=PixelRatio.get();return Math.round(layoutSize*ratio)/ratio},PixelRatio}()},359:function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global){var _Animation__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(163),_SpringConfig__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(360),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(18);var SpringAnimation=function(_Animation){function SpringAnimation(config){var _config$overshootClam,_config$restDisplacem,_config$restSpeedThre,_config$velocity,_config$velocity2,_config$delay,_config$isInteraction,_config$iterations,_this,_config$stiffness,_config$damping,_config$mass;if((_this=_Animation.call(this)||this)._overshootClamping=null!==(_config$overshootClam=config.overshootClamping)&&void 0!==_config$overshootClam&&_config$overshootClam,_this._restDisplacementThreshold=null!==(_config$restDisplacem=config.restDisplacementThreshold)&&void 0!==_config$restDisplacem?_config$restDisplacem:.001,_this._restSpeedThreshold=null!==(_config$restSpeedThre=config.restSpeedThreshold)&&void 0!==_config$restSpeedThre?_config$restSpeedThre:.001,_this._initialVelocity=null!==(_config$velocity=config.velocity)&&void 0!==_config$velocity?_config$velocity:0,_this._lastVelocity=null!==(_config$velocity2=config.velocity)&&void 0!==_config$velocity2?_config$velocity2:0,_this._toValue=config.toValue,_this._delay=null!==(_config$delay=config.delay)&&void 0!==_config$delay?_config$delay:0,_this._useNativeDriver=Object(_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_3__.c)(config),_this.__isInteraction=null!==(_config$isInteraction=config.isInteraction)&&void 0!==_config$isInteraction?_config$isInteraction:!_this._useNativeDriver,_this.__iterations=null!==(_config$iterations=config.iterations)&&void 0!==_config$iterations?_config$iterations:1,void 0!==config.stiffness||void 0!==config.damping||void 0!==config.mass)fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(void 0===config.bounciness&&void 0===config.speed&&void 0===config.tension&&void 0===config.friction,"You can define one of bounciness/speed, tension/friction, or stiffness/damping/mass, but not more than one"),_this._stiffness=null!==(_config$stiffness=config.stiffness)&&void 0!==_config$stiffness?_config$stiffness:100,_this._damping=null!==(_config$damping=config.damping)&&void 0!==_config$damping?_config$damping:10,_this._mass=null!==(_config$mass=config.mass)&&void 0!==_config$mass?_config$mass:1;else if(void 0!==config.bounciness||void 0!==config.speed){var _config$bounciness,_config$speed;fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(void 0===config.tension&&void 0===config.friction&&void 0===config.stiffness&&void 0===config.damping&&void 0===config.mass,"You can define one of bounciness/speed, tension/friction, or stiffness/damping/mass, but not more than one");var springConfig=_SpringConfig__WEBPACK_IMPORTED_MODULE_1__.a.fromBouncinessAndSpeed(null!==(_config$bounciness=config.bounciness)&&void 0!==_config$bounciness?_config$bounciness:8,null!==(_config$speed=config.speed)&&void 0!==_config$speed?_config$speed:12);_this._stiffness=springConfig.stiffness,_this._damping=springConfig.damping,_this._mass=1}else{var _config$tension,_config$friction,_springConfig=_SpringConfig__WEBPACK_IMPORTED_MODULE_1__.a.fromOrigamiTensionAndFriction(null!==(_config$tension=config.tension)&&void 0!==_config$tension?_config$tension:40,null!==(_config$friction=config.friction)&&void 0!==_config$friction?_config$friction:7);_this._stiffness=_springConfig.stiffness,_this._damping=_springConfig.damping,_this._mass=1}return fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(_this._stiffness>0,"Stiffness value must be greater than 0"),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(_this._damping>0,"Damping value must be greater than 0"),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(_this._mass>0,"Mass value must be greater than 0"),_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(SpringAnimation,_Animation);var _proto=SpringAnimation.prototype;return _proto.__getNativeAnimationConfig=function __getNativeAnimationConfig(){var _this$_initialVelocit;return{type:"spring",overshootClamping:this._overshootClamping,restDisplacementThreshold:this._restDisplacementThreshold,restSpeedThreshold:this._restSpeedThreshold,stiffness:this._stiffness,damping:this._damping,mass:this._mass,initialVelocity:null!==(_this$_initialVelocit=this._initialVelocity)&&void 0!==_this$_initialVelocit?_this$_initialVelocit:this._lastVelocity,toValue:this._toValue,iterations:this.__iterations}},_proto.start=function start(fromValue,onUpdate,onEnd,previousAnimation,animatedValue){var _this2=this;if(this.__active=!0,this._startPosition=fromValue,this._lastPosition=this._startPosition,this._onUpdate=onUpdate,this.__onEnd=onEnd,this._lastTime=Date.now(),this._frameTime=0,previousAnimation instanceof SpringAnimation){var internalState=previousAnimation.getInternalState();this._lastPosition=internalState.lastPosition,this._lastVelocity=internalState.lastVelocity,this._initialVelocity=this._lastVelocity,this._lastTime=internalState.lastTime}var start=function start(){_this2._useNativeDriver?_this2.__startNativeAnimation(animatedValue):_this2.onUpdate()};this._delay?this._timeout=setTimeout(start,this._delay):start()},_proto.getInternalState=function getInternalState(){return{lastPosition:this._lastPosition,lastVelocity:this._lastVelocity,lastTime:this._lastTime}},_proto.onUpdate=function onUpdate(){var now=Date.now();now>this._lastTime+64&&(now=this._lastTime+64);var deltaTime=(now-this._lastTime)/1e3;this._frameTime+=deltaTime;var c=this._damping,m=this._mass,k=this._stiffness,v0=-this._initialVelocity,zeta=c/(2*Math.sqrt(k*m)),omega0=Math.sqrt(k/m),omega1=omega0*Math.sqrt(1-zeta*zeta),x0=this._toValue-this._startPosition,position=0,velocity=0,t=this._frameTime;if(zeta<1){var envelope=Math.exp(-zeta*omega0*t);position=this._toValue-envelope*((v0+zeta*omega0*x0)/omega1*Math.sin(omega1*t)+x0*Math.cos(omega1*t)),velocity=zeta*omega0*envelope*(Math.sin(omega1*t)*(v0+zeta*omega0*x0)/omega1+x0*Math.cos(omega1*t))-envelope*(Math.cos(omega1*t)*(v0+zeta*omega0*x0)-omega1*x0*Math.sin(omega1*t))}else{var _envelope=Math.exp(-omega0*t);position=this._toValue-_envelope*(x0+(v0+omega0*x0)*t),velocity=_envelope*(v0*(t*omega0-1)+t*x0*(omega0*omega0))}if(this._lastTime=now,this._lastPosition=position,this._lastVelocity=velocity,this._onUpdate(position),this.__active){var isOvershooting=!1;this._overshootClamping&&0!==this._stiffness&&(isOvershooting=this._startPosition<this._toValue?position>this._toValue:position<this._toValue);var isVelocity=Math.abs(velocity)<=this._restSpeedThreshold,isDisplacement=!0;if(0!==this._stiffness&&(isDisplacement=Math.abs(this._toValue-position)<=this._restDisplacementThreshold),isOvershooting||isVelocity&&isDisplacement)return 0!==this._stiffness&&(this._lastPosition=this._toValue,this._lastVelocity=0,this._onUpdate(this._toValue)),void this.__debouncedOnEnd({finished:!0});this._animationFrame=requestAnimationFrame(this.onUpdate.bind(this))}},_proto.stop=function stop(){_Animation.prototype.stop.call(this),this.__active=!1,clearTimeout(this._timeout),global.cancelAnimationFrame(this._animationFrame),this.__debouncedOnEnd({finished:!1})},SpringAnimation}(_Animation__WEBPACK_IMPORTED_MODULE_0__.a);__webpack_exports__.a=SpringAnimation}).call(this,__webpack_require__(33))},360:function(module,__webpack_exports__,__webpack_require__){"use strict";function stiffnessFromOrigamiValue(oValue){return 3.62*(oValue-30)+194}function dampingFromOrigamiValue(oValue){return 3*(oValue-8)+25}__webpack_exports__.a={fromOrigamiTensionAndFriction:function fromOrigamiTensionAndFriction(tension,friction){return{stiffness:stiffnessFromOrigamiValue(tension),damping:dampingFromOrigamiValue(friction)}},fromBouncinessAndSpeed:function fromBouncinessAndSpeed(bounciness,speed){function normalize(value,startValue,endValue){return(value-startValue)/(endValue-startValue)}function projectNormal(n,start,end){return start+n*(end-start)}var b=normalize(bounciness/1.7,0,20);b=projectNormal(b,0,.8);var bouncyTension=projectNormal(normalize(speed/1.7,0,20),.5,200),bouncyFriction=function quadraticOutInterpolation(t,start,end){return function linearInterpolation(t,start,end){return t*end+(1-t)*start}(2*t-t*t,start,end)}(b,function b3Nobounce(tension){return tension<=18?function b3Friction1(x){return 7e-4*Math.pow(x,3)-.031*Math.pow(x,2)+.64*x+1.28}(tension):tension>18&&tension<=44?function b3Friction2(x){return 44e-6*Math.pow(x,3)-.006*Math.pow(x,2)+.36*x+2}(tension):function b3Friction3(x){return 45e-8*Math.pow(x,3)-332e-6*Math.pow(x,2)+.1078*x+5.84}(tension)}(bouncyTension),.01);return{stiffness:stiffnessFromOrigamiValue(bouncyTension),damping:dampingFromOrigamiValue(bouncyFriction)}}}},361:function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global){var _easeInOut,_Animation__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(163),_Easing__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(362),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(18);var TimingAnimation=function(_Animation){function TimingAnimation(config){var _config$easing,_config$duration,_config$delay,_config$iterations,_config$isInteraction,_this;return(_this=_Animation.call(this)||this)._toValue=config.toValue,_this._easing=null!==(_config$easing=config.easing)&&void 0!==_config$easing?_config$easing:function easeInOut(){return _easeInOut||(_easeInOut=_Easing__WEBPACK_IMPORTED_MODULE_1__.a.inOut(_Easing__WEBPACK_IMPORTED_MODULE_1__.a.ease)),_easeInOut}(),_this._duration=null!==(_config$duration=config.duration)&&void 0!==_config$duration?_config$duration:500,_this._delay=null!==(_config$delay=config.delay)&&void 0!==_config$delay?_config$delay:0,_this.__iterations=null!==(_config$iterations=config.iterations)&&void 0!==_config$iterations?_config$iterations:1,_this._useNativeDriver=Object(_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_2__.c)(config),_this.__isInteraction=null!==(_config$isInteraction=config.isInteraction)&&void 0!==_config$isInteraction?_config$isInteraction:!_this._useNativeDriver,_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(TimingAnimation,_Animation);var _proto=TimingAnimation.prototype;return _proto.__getNativeAnimationConfig=function __getNativeAnimationConfig(){for(var frames=[],dt=0;dt<this._duration;dt+=1e3/60)frames.push(this._easing(dt/this._duration));return frames.push(this._easing(1)),{type:"frames",frames:frames,toValue:this._toValue,iterations:this.__iterations}},_proto.start=function start(fromValue,onUpdate,onEnd,previousAnimation,animatedValue){var _this2=this;this.__active=!0,this._fromValue=fromValue,this._onUpdate=onUpdate,this.__onEnd=onEnd;var start=function start(){0!==_this2._duration||_this2._useNativeDriver?(_this2._startTime=Date.now(),_this2._useNativeDriver?_this2.__startNativeAnimation(animatedValue):_this2._animationFrame=requestAnimationFrame(_this2.onUpdate.bind(_this2))):(_this2._onUpdate(_this2._toValue),_this2.__debouncedOnEnd({finished:!0}))};this._delay?this._timeout=setTimeout(start,this._delay):start()},_proto.onUpdate=function onUpdate(){var now=Date.now();if(now>=this._startTime+this._duration)return 0===this._duration?this._onUpdate(this._toValue):this._onUpdate(this._fromValue+this._easing(1)*(this._toValue-this._fromValue)),void this.__debouncedOnEnd({finished:!0});this._onUpdate(this._fromValue+this._easing((now-this._startTime)/this._duration)*(this._toValue-this._fromValue)),this.__active&&(this._animationFrame=requestAnimationFrame(this.onUpdate.bind(this)))},_proto.stop=function stop(){_Animation.prototype.stop.call(this),this.__active=!1,clearTimeout(this._timeout),global.cancelAnimationFrame(this._animationFrame),this.__debouncedOnEnd({finished:!1})},TimingAnimation}(_Animation__WEBPACK_IMPORTED_MODULE_0__.a);__webpack_exports__.a=TimingAnimation}).call(this,__webpack_require__(33))},362:function(module,__webpack_exports__,__webpack_require__){"use strict";var _ease,_bezier__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(547),_bezier__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_bezier__WEBPACK_IMPORTED_MODULE_0__),Easing=function(){function Easing(){}return Easing.step0=function step0(n){return n>0?1:0},Easing.step1=function step1(n){return n>=1?1:0},Easing.linear=function linear(t){return t},Easing.ease=function ease(t){return _ease||(_ease=Easing.bezier(.42,0,1,1)),_ease(t)},Easing.quad=function quad(t){return t*t},Easing.cubic=function cubic(t){return t*t*t},Easing.poly=function poly(n){return function(t){return Math.pow(t,n)}},Easing.sin=function sin(t){return 1-Math.cos(t*Math.PI/2)},Easing.circle=function circle(t){return 1-Math.sqrt(1-t*t)},Easing.exp=function exp(t){return Math.pow(2,10*(t-1))},Easing.elastic=function elastic(bounciness){void 0===bounciness&&(bounciness=1);var p=bounciness*Math.PI;return function(t){return 1-Math.pow(Math.cos(t*Math.PI/2),3)*Math.cos(t*p)}},Easing.back=function back(s){return void 0===s&&(s=1.70158),function(t){return t*t*((s+1)*t-s)}},Easing.bounce=function bounce(t){if(t<1/2.75)return 7.5625*t*t;if(t<2/2.75){var _t=t-1.5/2.75;return 7.5625*_t*_t+.75}if(t<2.5/2.75){var _t2=t-2.25/2.75;return 7.5625*_t2*_t2+.9375}var t2=t-2.625/2.75;return 7.5625*t2*t2+.984375},Easing.bezier=function bezier(x1,y1,x2,y2){return _bezier__WEBPACK_IMPORTED_MODULE_0___default()(x1,y1,x2,y2)},Easing.in=function _in(easing){return easing},Easing.out=function out(easing){return function(t){return 1-easing(1-t)}},Easing.inOut=function inOut(easing){return function(t){return t<.5?easing(2*t)/2:1-easing(2*(1-t))/2}},Easing}();__webpack_exports__.a=Easing},38:function(module,__webpack_exports__,__webpack_require__){"use strict";var _AnimatedInterpolation__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(71),_AnimatedWithChildren__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(49),_exports_InteractionManager__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(124);var NativeAnimatedAPI=__webpack_require__(18).a.API;var AnimatedValue=function(_AnimatedWithChildren){function AnimatedValue(value){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._startingValue=_this._value=value,_this._offset=0,_this._animation=null,_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedValue,_AnimatedWithChildren);var _proto=AnimatedValue.prototype;return _proto.__detach=function __detach(){this.stopAnimation(),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__getValue=function __getValue(){return this._value+this._offset},_proto.setValue=function setValue(value){this._animation&&(this._animation.stop(),this._animation=null),this._updateValue(value,!this.__isNative),this.__isNative&&NativeAnimatedAPI.setAnimatedNodeValue(this.__getNativeTag(),value)},_proto.setOffset=function setOffset(offset){this._offset=offset,this.__isNative&&NativeAnimatedAPI.setAnimatedNodeOffset(this.__getNativeTag(),offset)},_proto.flattenOffset=function flattenOffset(){this._value+=this._offset,this._offset=0,this.__isNative&&NativeAnimatedAPI.flattenAnimatedNodeOffset(this.__getNativeTag())},_proto.extractOffset=function extractOffset(){this._offset+=this._value,this._value=0,this.__isNative&&NativeAnimatedAPI.extractAnimatedNodeOffset(this.__getNativeTag())},_proto.stopAnimation=function stopAnimation(callback){this.stopTracking(),this._animation&&this._animation.stop(),this._animation=null,callback&&callback(this.__getValue())},_proto.resetAnimation=function resetAnimation(callback){this.stopAnimation(callback),this._value=this._startingValue},_proto._onAnimatedValueUpdateReceived=function _onAnimatedValueUpdateReceived(value){this._updateValue(value,!1)},_proto.interpolate=function interpolate(config){return new _AnimatedInterpolation__WEBPACK_IMPORTED_MODULE_0__.a(this,config)},_proto.animate=function animate(animation,callback){var _this2=this,handle=null;animation.__isInteraction&&(handle=_exports_InteractionManager__WEBPACK_IMPORTED_MODULE_2__.a.createInteractionHandle());var previousAnimation=this._animation;this._animation&&this._animation.stop(),this._animation=animation,animation.start(this._value,(function(value){_this2._updateValue(value,!0)}),(function(result){_this2._animation=null,null!==handle&&_exports_InteractionManager__WEBPACK_IMPORTED_MODULE_2__.a.clearInteractionHandle(handle),callback&&callback(result)}),previousAnimation,this)},_proto.stopTracking=function stopTracking(){this._tracking&&this._tracking.__detach(),this._tracking=null},_proto.track=function track(tracking){this.stopTracking(),this._tracking=tracking},_proto._updateValue=function _updateValue(value,flush){this._value=value,flush&&function _flush(rootNode){var animatedStyles=new Set;!function findAnimatedStyles(node){"function"==typeof node.update?animatedStyles.add(node):node.__getChildren().forEach(findAnimatedStyles)}(rootNode),animatedStyles.forEach((function(animatedStyle){return animatedStyle.update()}))}(this),_AnimatedWithChildren.prototype.__callListeners.call(this,this.__getValue())},_proto.__getNativeConfig=function __getNativeConfig(){return{type:"value",value:this._value,offset:this._offset}},AnimatedValue}(_AnimatedWithChildren__WEBPACK_IMPORTED_MODULE_1__.a);__webpack_exports__.a=AnimatedValue},4:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var ExecutionEnvironment=__webpack_require__(24),ReactNativePropRegistry=__webpack_require__(207),flattenStyle=__webpack_require__(206),absoluteFillObject={position:"absolute",left:0,right:0,top:0,bottom:0},StyleSheet_StyleSheet={absoluteFill:ReactNativePropRegistry.a.register(absoluteFillObject),absoluteFillObject:absoluteFillObject,compose:function compose(style1,style2){return style1&&style2?[style1,style2]:style1||style2},create:function create(styles){var result={};return Object.keys(styles).forEach((function(key){var id=styles[key]&&ReactNativePropRegistry.a.register(styles[key]);result[key]=id})),result},flatten:flattenStyle.a,hairlineWidth:1};ExecutionEnvironment.canUseDOM&&window.__REACT_DEVTOOLS_GLOBAL_HOOK__&&(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.resolveRNStyle=StyleSheet_StyleSheet.flatten);__webpack_exports__.default=StyleSheet_StyleSheet},49:function(module,__webpack_exports__,__webpack_require__){"use strict";var _AnimatedNode__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(21),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(18);var AnimatedWithChildren=function(_AnimatedNode){function AnimatedWithChildren(){var _this;return(_this=_AnimatedNode.call(this)||this)._children=[],_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedWithChildren,_AnimatedNode);var _proto=AnimatedWithChildren.prototype;return _proto.__makeNative=function __makeNative(){if(!this.__isNative){this.__isNative=!0;var _iterator=this._children,_isArray=Array.isArray(_iterator),_i=0;for(_iterator=_isArray?_iterator:_iterator[Symbol.iterator]();;){var _ref;if(_isArray){if(_i>=_iterator.length)break;_ref=_iterator[_i++]}else{if((_i=_iterator.next()).done)break;_ref=_i.value}var child=_ref;child.__makeNative(),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__.a.API.connectAnimatedNodes(this.__getNativeTag(),child.__getNativeTag())}}_AnimatedNode.prototype.__makeNative.call(this)},_proto.__addChild=function __addChild(child){0===this._children.length&&this.__attach(),this._children.push(child),this.__isNative&&(child.__makeNative(),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__.a.API.connectAnimatedNodes(this.__getNativeTag(),child.__getNativeTag()))},_proto.__removeChild=function __removeChild(child){var index=this._children.indexOf(child);-1!==index?(this.__isNative&&child.__isNative&&_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__.a.API.disconnectAnimatedNodes(this.__getNativeTag(),child.__getNativeTag()),this._children.splice(index,1),0===this._children.length&&this.__detach()):console.warn("Trying to remove a child that doesn't exist")},_proto.__getChildren=function __getChildren(){return this._children},_proto.__callListeners=function __callListeners(value){if(_AnimatedNode.prototype.__callListeners.call(this,value),!this.__isNative){var _iterator2=this._children,_isArray2=Array.isArray(_iterator2),_i2=0;for(_iterator2=_isArray2?_iterator2:_iterator2[Symbol.iterator]();;){var _ref2;if(_isArray2){if(_i2>=_iterator2.length)break;_ref2=_iterator2[_i2++]}else{if((_i2=_iterator2.next()).done)break;_ref2=_i2.value}var child=_ref2;child.__getValue&&child.__callListeners(child.__getValue())}}},AnimatedWithChildren}(_AnimatedNode__WEBPACK_IMPORTED_MODULE_0__.a);__webpack_exports__.a=AnimatedWithChildren},510:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"stateChanges",{enumerable:!0,get:function get(){return _StateChanges.default}}),exports.default=void 0;var _StateChanges=_interopRequireDefault(__webpack_require__(1429));exports.default={title:"APIs|AppState",includeStories:[]}},512:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"setString",{enumerable:!0,get:function get(){return _SetString.default}}),exports.default=void 0;var _SetString=_interopRequireDefault(__webpack_require__(1444));exports.default={title:"APIs|Clipboard",includeStories:[]}},513:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"stateChanges",{enumerable:!0,get:function get(){return _StateChanges.default}}),exports.default=void 0;var _StateChanges=_interopRequireDefault(__webpack_require__(1447));exports.default={title:"APIs|Dimensions",includeStories:[]}},514:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"layoutRTL",{enumerable:!0,get:function get(){return _LayoutRTL.default}}),exports.default=void 0;var _LayoutRTL=_interopRequireDefault(__webpack_require__(1456));exports.default={title:"APIs|I18nManager",includeStories:[]}},515:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"openURL",{enumerable:!0,get:function get(){return _OpenURL.default}}),exports.default=void 0;var _OpenURL=_interopRequireDefault(__webpack_require__(1462));exports.default={title:"APIs|Linking",includeStories:[]}},516:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.DividerVertical=exports.DividerHorizontal=void 0;var _react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_View=_interopRequireDefault(__webpack_require__(3)),DividerHorizontal=function(){return _react.default.createElement(_View.default,{style:styles.horizontalDivider})};exports.DividerHorizontal=DividerHorizontal,DividerHorizontal.displayName="DividerHorizontal";var DividerVertical=function(){return _react.default.createElement(_View.default,{style:styles.verticalDivider})};exports.DividerVertical=DividerVertical,DividerVertical.displayName="DividerVertical";var styles=_StyleSheet.default.create({horizontalDivider:{width:"0.6rem"},verticalDivider:{height:"1.3125rem"}});DividerHorizontal.__docgenInfo={description:"",methods:[],displayName:"DividerHorizontal"},DividerVertical.__docgenInfo={description:"",methods:[],displayName:"DividerVertical"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/helpers.js"]={name:"DividerHorizontal",docgenInfo:DividerHorizontal.__docgenInfo,path:"src/components/Button/helpers.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/helpers.js"]={name:"DividerVertical",docgenInfo:DividerVertical.__docgenInfo,path:"src/components/Button/helpers.js"})},518:function(module,exports,__webpack_require__){"use strict";__webpack_require__(6),__webpack_require__(20),__webpack_require__(64),__webpack_require__(47),__webpack_require__(189),__webpack_require__(74),__webpack_require__(2),__webpack_require__(136),__webpack_require__(137),__webpack_require__(8),__webpack_require__(52),Object.defineProperty(exports,"__esModule",{value:!0}),exports.PlainInput=PlainInput,exports.genItemData=function genItemData(count){for(var itemHash,start=1<arguments.length&&void 0!==arguments[1]?arguments[1]:0,dataBlob=[],ii=start;ii<count+start;ii++)itemHash=Math.abs(hashCode("Item "+ii)),dataBlob.push({title:"Item "+ii,text:LOREM_IPSUM.substr(0,itemHash%301+20),key:ii+"",pressed:!1});return dataBlob},exports.getItemLayout=function getItemLayout(data,index,horizontal){var _ref6=horizontal?[HORIZ_WIDTH,0,HEADER.width]:[ITEM_HEIGHT,SEPARATOR_HEIGHT,HEADER.height],_ref7=(0,_slicedToArray2.default)(_ref6,3),length=_ref7[0],separator=_ref7[1],header=_ref7[2];return{length:length,offset:(length+separator)*index+header,index:index}},exports.pressItem=function pressItem(context,key){var index=+key,pressed=!context.state.data[index].pressed;context.setState((function(state){var newData=(0,_toConsumableArray2.default)(state.data);return newData[index]=_objectSpread({},state.data[index],{pressed:pressed,title:"Item "+key+(pressed?" (pressed)":"")}),{data:newData}}))},exports.renderSmallSwitchOption=renderSmallSwitchOption,exports.renderStackedItem=exports.Spindicator=exports.SeparatorComponent=exports.ItemSeparatorComponent=exports.ItemComponent=exports.HeaderComponent=exports.FooterComponent=void 0;var _interopRequireWildcard=__webpack_require__(14),_interopRequireDefault=__webpack_require__(1),_extends2=_interopRequireDefault(__webpack_require__(10)),_toConsumableArray2=_interopRequireDefault(__webpack_require__(121)),_slicedToArray2=_interopRequireDefault(__webpack_require__(85)),_classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf3=_interopRequireDefault(__webpack_require__(26)),_assertThisInitialized2=_interopRequireDefault(__webpack_require__(54)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_defineProperty2=_interopRequireDefault(__webpack_require__(22)),React=_interopRequireWildcard(__webpack_require__(0)),_Animated=_interopRequireDefault(__webpack_require__(347)),_Image=_interopRequireDefault(__webpack_require__(69)),_Platform=_interopRequireDefault(__webpack_require__(157)),_TouchableHighlight=_interopRequireDefault(__webpack_require__(154)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Switch=_interopRequireDefault(__webpack_require__(99)),_Text=_interopRequireDefault(__webpack_require__(9)),_TextInput=_interopRequireDefault(__webpack_require__(65)),_View=_interopRequireDefault(__webpack_require__(3));function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null!=arguments[i]?arguments[i]:{},i%2?ownKeys(Object(source),!0).forEach((function(key){(0,_defineProperty2.default)(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}));return target}var HORIZ_WIDTH=200,ITEM_HEIGHT=72,ItemComponent=function(_React$PureComponent){function ItemComponent(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,ItemComponent);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(ItemComponent)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)(_this),"_onPress",(function(){_this.props.onPress(_this.props.item.key)})),_this}return(0,_inherits2.default)(ItemComponent,_React$PureComponent),(0,_createClass2.default)(ItemComponent,[{key:"render",value:function render(){var _this$props=this.props,fixedHeight=_this$props.fixedHeight,horizontal=_this$props.horizontal,item=_this$props.item,itemHash=Math.abs(hashCode(item.title)),imgSource=THUMB_URLS[itemHash%THUMB_URLS.length];return React.createElement(_TouchableHighlight.default,{onHideUnderlay:this.props.onHideUnderlay,onPress:this._onPress,onShowUnderlay:this.props.onShowUnderlay,style:horizontal?styles.horizItem:styles.item,tvParallaxProperties:{pressMagnification:1.1}},React.createElement(_View.default,{style:[styles.row,horizontal&&{width:HORIZ_WIDTH},fixedHeight&&{height:ITEM_HEIGHT}]},!item.noImage&&React.createElement(_Image.default,{source:imgSource,style:styles.thumb}),React.createElement(_Text.default,{numberOfLines:horizontal||fixedHeight?3:void 0,style:styles.text},item.title," - ",item.text)))}}]),ItemComponent}(React.PureComponent);exports.ItemComponent=ItemComponent,ItemComponent.displayName="ItemComponent";var renderStackedItem=function(_ref){var item=_ref.item,itemHash=Math.abs(hashCode(item.title)),imgSource=THUMB_URLS[itemHash%THUMB_URLS.length];return React.createElement(_View.default,{style:styles.stacked},React.createElement(_Text.default,{style:styles.stackedText},item.title," - ",item.text),React.createElement(_Image.default,{source:imgSource,style:styles.thumb}))};exports.renderStackedItem=renderStackedItem,renderStackedItem.displayName="renderStackedItem";var _ref3=React.createElement(_Text.default,null,"LIST FOOTER"),FooterComponent=function(_React$PureComponent2){function FooterComponent(){return(0,_classCallCheck2.default)(this,FooterComponent),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf3.default)(FooterComponent).apply(this,arguments))}return(0,_inherits2.default)(FooterComponent,_React$PureComponent2),(0,_createClass2.default)(FooterComponent,[{key:"render",value:function render(){return React.createElement(_View.default,{style:styles.headerFooterContainer},_ref2,React.createElement(_View.default,{style:styles.headerFooter},_ref3))}}]),FooterComponent}(React.PureComponent);exports.FooterComponent=FooterComponent,FooterComponent.displayName="FooterComponent";var _ref4=React.createElement(_Text.default,null,"LIST HEADER"),HeaderComponent=function(_React$PureComponent3){function HeaderComponent(){return(0,_classCallCheck2.default)(this,HeaderComponent),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf3.default)(HeaderComponent).apply(this,arguments))}return(0,_inherits2.default)(HeaderComponent,_React$PureComponent3),(0,_createClass2.default)(HeaderComponent,[{key:"render",value:function render(){return React.createElement(_View.default,{style:styles.headerFooterContainer},React.createElement(_View.default,{style:styles.headerFooter},_ref4),_ref5)}}]),HeaderComponent}(React.PureComponent);exports.HeaderComponent=HeaderComponent,HeaderComponent.displayName="HeaderComponent";var SeparatorComponent=function(_React$PureComponent4){function SeparatorComponent(){return(0,_classCallCheck2.default)(this,SeparatorComponent),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf3.default)(SeparatorComponent).apply(this,arguments))}return(0,_inherits2.default)(SeparatorComponent,_React$PureComponent4),(0,_createClass2.default)(SeparatorComponent,[{key:"render",value:function render(){return React.createElement(_View.default,{style:styles.separator})}}]),SeparatorComponent}(React.PureComponent);exports.SeparatorComponent=SeparatorComponent,SeparatorComponent.displayName="SeparatorComponent";var _ref5=React.createElement(SeparatorComponent,null),_ref2=React.createElement(SeparatorComponent,null),ItemSeparatorComponent=function(_React$PureComponent5){function ItemSeparatorComponent(){return(0,_classCallCheck2.default)(this,ItemSeparatorComponent),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf3.default)(ItemSeparatorComponent).apply(this,arguments))}return(0,_inherits2.default)(ItemSeparatorComponent,_React$PureComponent5),(0,_createClass2.default)(ItemSeparatorComponent,[{key:"render",value:function render(){var style=this.props.highlighted?[styles.itemSeparator,{marginLeft:0,backgroundColor:"rgb(217, 217, 217)"}]:styles.itemSeparator;return React.createElement(_View.default,{style:style})}}]),ItemSeparatorComponent}(React.PureComponent);exports.ItemSeparatorComponent=ItemSeparatorComponent,ItemSeparatorComponent.displayName="ItemSeparatorComponent";var Spindicator=function(_React$PureComponent6){function Spindicator(){return(0,_classCallCheck2.default)(this,Spindicator),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf3.default)(Spindicator).apply(this,arguments))}return(0,_inherits2.default)(Spindicator,_React$PureComponent6),(0,_createClass2.default)(Spindicator,[{key:"render",value:function render(){return React.createElement(_Animated.default.View,{style:[styles.spindicator,{transform:[{rotate:this.props.value.interpolate({inputRange:[0,5e3],outputRange:["0deg","360deg"],extrapolate:"extend"})}]}]})}}]),Spindicator}(React.PureComponent);exports.Spindicator=Spindicator,Spindicator.displayName="Spindicator";var THUMB_URLS=[__webpack_require__(1494),__webpack_require__(1495),__webpack_require__(1496),__webpack_require__(1497),__webpack_require__(1498),__webpack_require__(1499),__webpack_require__(1500),__webpack_require__(1501),__webpack_require__(1502),__webpack_require__(1503),__webpack_require__(1504),__webpack_require__(1505)],LOREM_IPSUM="Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud modus, putant invidunt reprehendunt ne qui.";function hashCode(str){for(var hash=15,ii=str.length-1;0<=ii;ii--)hash=(hash<<5)-hash+str.charCodeAt(ii);return hash}var HEADER={height:30,width:100},SEPARATOR_HEIGHT=_StyleSheet.default.hairlineWidth;function renderSmallSwitchOption(context,key){return _Platform.default.isTVOS?null:React.createElement(_View.default,{style:styles.option},React.createElement(_Text.default,null,key,":"),React.createElement(_Switch.default,{onValueChange:function onValueChange(value){return context.setState((0,_defineProperty2.default)({},key,value))},style:styles.smallSwitch,value:context.state[key]}))}function PlainInput(props){return React.createElement(_TextInput.default,(0,_extends2.default)({autoCapitalize:"none",autoCorrect:!1,clearButtonMode:"always",style:styles.searchTextInput,underlineColorAndroid:"transparent"},props))}renderSmallSwitchOption.displayName="renderSmallSwitchOption",PlainInput.displayName="PlainInput";var styles=_StyleSheet.default.create({headerFooter:_objectSpread({},HEADER,{alignSelf:"center",alignItems:"center",justifyContent:"center"}),headerFooterContainer:{backgroundColor:"rgb(239, 239, 244)"},horizItem:{alignSelf:"flex-start"},item:{flex:1},itemSeparator:{height:SEPARATOR_HEIGHT,backgroundColor:"rgb(200, 199, 204)",marginLeft:60},option:{flexDirection:"row",padding:8,paddingRight:0},row:{flexDirection:"row",padding:10,backgroundColor:"white"},searchTextInput:{backgroundColor:"white",borderColor:"#cccccc",borderRadius:3,borderWidth:1,paddingLeft:8,paddingVertical:0,height:26,fontSize:14,flexGrow:1},separator:{height:SEPARATOR_HEIGHT,backgroundColor:"rgb(200, 199, 204)"},smallSwitch:_Platform.default.select({android:{top:1,margin:-6,transform:[{scale:.7}]},ios:{top:4,margin:-10,transform:[{scale:.5}]}}),stacked:{alignItems:"center",backgroundColor:"white",padding:10},thumb:{width:50,height:50,left:-5},spindicator:{marginLeft:"auto",marginTop:8,width:2,height:16,backgroundColor:"darkgray"},stackedText:{padding:4,fontSize:18},text:{flex:1}});FooterComponent.__docgenInfo={description:"",methods:[],displayName:"FooterComponent"},HeaderComponent.__docgenInfo={description:"",methods:[],displayName:"HeaderComponent"},ItemComponent.__docgenInfo={description:"",methods:[{name:"_onPress",docblock:null,modifiers:[],params:[],returns:null}],displayName:"ItemComponent",props:{fixedHeight:{required:!1,flowType:{name:"boolean",nullable:!0},description:""},horizontal:{required:!1,flowType:{name:"boolean",nullable:!0},description:""},item:{required:!0,flowType:{name:"signature",type:"object",raw:"{ title: string, text: string, key: string, pressed: boolean, noImage?: ?boolean }",signature:{properties:[{key:"title",value:{name:"string",required:!0}},{key:"text",value:{name:"string",required:!0}},{key:"key",value:{name:"string",required:!0}},{key:"pressed",value:{name:"boolean",required:!0}},{key:"noImage",value:{name:"boolean",nullable:!0,required:!1}}]}},description:""},onPress:{required:!0,flowType:{name:"signature",type:"function",raw:"(key: string) => void",signature:{arguments:[{name:"key",type:{name:"string"}}],return:{name:"void"}}},description:""},onShowUnderlay:{required:!1,flowType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onHideUnderlay:{required:!1,flowType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}},ItemSeparatorComponent.__docgenInfo={description:"",methods:[],displayName:"ItemSeparatorComponent"},PlainInput.__docgenInfo={description:"",methods:[],displayName:"PlainInput"},SeparatorComponent.__docgenInfo={description:"",methods:[],displayName:"SeparatorComponent"},Spindicator.__docgenInfo={description:"",methods:[],displayName:"Spindicator"},renderSmallSwitchOption.__docgenInfo={description:"",methods:[],displayName:"renderSmallSwitchOption"},renderStackedItem.__docgenInfo={description:"",methods:[],displayName:"renderStackedItem",props:{item:{required:!0,flowType:{name:"signature",type:"object",raw:"{ title: string, text: string, key: string, pressed: boolean, noImage?: ?boolean }",signature:{properties:[{key:"title",value:{name:"string",required:!0}},{key:"text",value:{name:"string",required:!0}},{key:"key",value:{name:"string",required:!0}},{key:"pressed",value:{name:"boolean",required:!0}},{key:"noImage",value:{name:"boolean",nullable:!0,required:!1}}]}},description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"FooterComponent",docgenInfo:FooterComponent.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"HeaderComponent",docgenInfo:HeaderComponent.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"ItemComponent",docgenInfo:ItemComponent.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"ItemSeparatorComponent",docgenInfo:ItemSeparatorComponent.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"PlainInput",docgenInfo:PlainInput.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"SeparatorComponent",docgenInfo:SeparatorComponent.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"Spindicator",docgenInfo:Spindicator.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"renderSmallSwitchOption",docgenInfo:renderSmallSwitchOption.__docgenInfo,path:"src/components/FlatList/examples/shared.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/FlatList/examples/shared.js"]={name:"renderStackedItem",docgenInfo:renderStackedItem.__docgenInfo,path:"src/components/FlatList/examples/shared.js"})},520:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/hawk.0b66d0e5.png"},547:function(module,exports,__webpack_require__){"use strict";var NEWTON_ITERATIONS=4,NEWTON_MIN_SLOPE=.001,SUBDIVISION_PRECISION=1e-7,SUBDIVISION_MAX_ITERATIONS=10,kSplineTableSize=11,kSampleStepSize=1/(kSplineTableSize-1),float32ArraySupported="function"==typeof Float32Array;function A(aA1,aA2){return 1-3*aA2+3*aA1}function B(aA1,aA2){return 3*aA2-6*aA1}function C(aA1){return 3*aA1}function calcBezier(aT,aA1,aA2){return((A(aA1,aA2)*aT+B(aA1,aA2))*aT+C(aA1))*aT}function getSlope(aT,aA1,aA2){return 3*A(aA1,aA2)*aT*aT+2*B(aA1,aA2)*aT+C(aA1)}module.exports=function bezier(mX1,mY1,mX2,mY2){if(!(mX1>=0&&mX1<=1&&mX2>=0&&mX2<=1))throw new Error("bezier x values must be in [0, 1] range");var sampleValues=float32ArraySupported?new Float32Array(kSplineTableSize):new Array(kSplineTableSize);if(mX1!==mY1||mX2!==mY2)for(var i=0;i<kSplineTableSize;++i)sampleValues[i]=calcBezier(i*kSampleStepSize,mX1,mX2);function getTForX(aX){for(var intervalStart=0,currentSample=1,lastSample=kSplineTableSize-1;currentSample!==lastSample&&sampleValues[currentSample]<=aX;++currentSample)intervalStart+=kSampleStepSize;var guessForT=intervalStart+(aX-sampleValues[--currentSample])/(sampleValues[currentSample+1]-sampleValues[currentSample])*kSampleStepSize,initialSlope=getSlope(guessForT,mX1,mX2);return initialSlope>=NEWTON_MIN_SLOPE?function newtonRaphsonIterate(aX,_aGuessT,mX1,mX2){for(var aGuessT=_aGuessT,i=0;i<NEWTON_ITERATIONS;++i){var currentSlope=getSlope(aGuessT,mX1,mX2);if(0===currentSlope)return aGuessT;aGuessT-=(calcBezier(aGuessT,mX1,mX2)-aX)/currentSlope}return aGuessT}(aX,guessForT,mX1,mX2):0===initialSlope?guessForT:function binarySubdivide(aX,_aA,_aB,mX1,mX2){var currentX,currentT,i=0,aA=_aA,aB=_aB;do{(currentX=calcBezier(currentT=aA+(aB-aA)/2,mX1,mX2)-aX)>0?aB=currentT:aA=currentT}while(Math.abs(currentX)>SUBDIVISION_PRECISION&&++i<SUBDIVISION_MAX_ITERATIONS);return currentT}(aX,intervalStart,intervalStart+kSampleStepSize,mX1,mX2)}return function BezierEasing(x){return mX1===mY1&&mX2===mY2?x:0===x?0:1===x?1:calcBezier(getTForX(x),mY1,mY2)}}},548:function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global){var _Animation__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(163),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(18);var DecayAnimation=function(_Animation){function DecayAnimation(config){var _config$deceleration,_config$isInteraction,_config$iterations,_this;return(_this=_Animation.call(this)||this)._deceleration=null!==(_config$deceleration=config.deceleration)&&void 0!==_config$deceleration?_config$deceleration:.998,_this._velocity=config.velocity,_this._useNativeDriver=Object(_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__.c)(config),_this.__isInteraction=null!==(_config$isInteraction=config.isInteraction)&&void 0!==_config$isInteraction?_config$isInteraction:!_this._useNativeDriver,_this.__iterations=null!==(_config$iterations=config.iterations)&&void 0!==_config$iterations?_config$iterations:1,_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(DecayAnimation,_Animation);var _proto=DecayAnimation.prototype;return _proto.__getNativeAnimationConfig=function __getNativeAnimationConfig(){return{type:"decay",deceleration:this._deceleration,velocity:this._velocity,iterations:this.__iterations}},_proto.start=function start(fromValue,onUpdate,onEnd,previousAnimation,animatedValue){this.__active=!0,this._lastValue=fromValue,this._fromValue=fromValue,this._onUpdate=onUpdate,this.__onEnd=onEnd,this._startTime=Date.now(),this._useNativeDriver?this.__startNativeAnimation(animatedValue):this._animationFrame=requestAnimationFrame(this.onUpdate.bind(this))},_proto.onUpdate=function onUpdate(){var now=Date.now(),value=this._fromValue+this._velocity/(1-this._deceleration)*(1-Math.exp(-(1-this._deceleration)*(now-this._startTime)));this._onUpdate(value),Math.abs(this._lastValue-value)<.1?this.__debouncedOnEnd({finished:!0}):(this._lastValue=value,this.__active&&(this._animationFrame=requestAnimationFrame(this.onUpdate.bind(this))))},_proto.stop=function stop(){_Animation.prototype.stop.call(this),this.__active=!1,global.cancelAnimationFrame(this._animationFrame),this.__debouncedOnEnd({finished:!1})},DecayAnimation}(_Animation__WEBPACK_IMPORTED_MODULE_0__.a);__webpack_exports__.a=DecayAnimation}).call(this,__webpack_require__(33))},549:function(module,exports,__webpack_require__){__webpack_require__(550),__webpack_require__(750),__webpack_require__(751),__webpack_require__(1400),module.exports=__webpack_require__(1401)},615:function(module,exports){},65:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_createElement__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(87),_StyleSheet_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(100),_modules_pick__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(122),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(70),_hooks_useElementLayout__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(159),_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(205),_hooks_usePlatformMethods__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(160),_hooks_useResponderEvents__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(164),_StyleSheet__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(4),_modules_TextInputState__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(88),forwardPropsList={accessibilityLabel:!0,accessibilityLiveRegion:!0,accessibilityRole:!0,accessibilityState:!0,accessibilityValue:!0,accessible:!0,autoCapitalize:!0,autoComplete:!0,autoCorrect:!0,autoFocus:!0,children:!0,classList:!0,defaultValue:!0,dir:!0,disabled:!0,importantForAccessibility:!0,maxLength:!0,nativeID:!0,onBlur:!0,onChange:!0,onClick:!0,onClickCapture:!0,onContextMenu:!0,onFocus:!0,onScroll:!0,onTouchCancel:!0,onTouchCancelCapture:!0,onTouchEnd:!0,onTouchEndCapture:!0,onTouchMove:!0,onTouchMoveCapture:!0,onTouchStart:!0,onTouchStartCapture:!0,placeholder:!0,pointerEvents:!0,readOnly:!0,ref:!0,rows:!0,spellCheck:!0,style:!0,value:!0,testID:!0,type:!0,dataSet:!0,onMouseDown:!0,onMouseEnter:!0,onMouseLeave:!0,onMouseMove:!0,onMouseOver:!0,onMouseOut:!0,onMouseUp:!0};var TextInput=Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,forwardedRef){var type,inputMode,_props$autoCapitalize=props.autoCapitalize,autoCapitalize=void 0===_props$autoCapitalize?"sentences":_props$autoCapitalize,autoComplete=props.autoComplete,autoCompleteType=props.autoCompleteType,_props$autoCorrect=props.autoCorrect,autoCorrect=void 0===_props$autoCorrect||_props$autoCorrect,blurOnSubmit=props.blurOnSubmit,clearTextOnFocus=props.clearTextOnFocus,dir=props.dir,_props$editable=props.editable,editable=void 0===_props$editable||_props$editable,_props$keyboardType=props.keyboardType,keyboardType=void 0===_props$keyboardType?"default":_props$keyboardType,_props$multiline=props.multiline,multiline=void 0!==_props$multiline&&_props$multiline,_props$numberOfLines=props.numberOfLines,numberOfLines=void 0===_props$numberOfLines?1:_props$numberOfLines,onBlur=props.onBlur,onChange=props.onChange,onChangeText=props.onChangeText,onContentSizeChange=props.onContentSizeChange,onFocus=props.onFocus,onKeyPress=props.onKeyPress,onLayout=props.onLayout,onMoveShouldSetResponder=props.onMoveShouldSetResponder,onMoveShouldSetResponderCapture=props.onMoveShouldSetResponderCapture,onResponderEnd=props.onResponderEnd,onResponderGrant=props.onResponderGrant,onResponderMove=props.onResponderMove,onResponderReject=props.onResponderReject,onResponderRelease=props.onResponderRelease,onResponderStart=props.onResponderStart,onResponderTerminate=props.onResponderTerminate,onResponderTerminationRequest=props.onResponderTerminationRequest,onScrollShouldSetResponder=props.onScrollShouldSetResponder,onScrollShouldSetResponderCapture=props.onScrollShouldSetResponderCapture,onSelectionChange=props.onSelectionChange,onSelectionChangeShouldSetResponder=props.onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture=props.onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder=props.onStartShouldSetResponder,onStartShouldSetResponderCapture=props.onStartShouldSetResponderCapture,onSubmitEditing=props.onSubmitEditing,placeholderTextColor=props.placeholderTextColor,returnKeyType=props.returnKeyType,_props$secureTextEntr=props.secureTextEntry,secureTextEntry=void 0!==_props$secureTextEntr&&_props$secureTextEntr,selection=props.selection,selectTextOnFocus=props.selectTextOnFocus,spellCheck=props.spellCheck;switch(keyboardType){case"email-address":type="email";break;case"number-pad":case"numeric":inputMode="numeric";break;case"decimal-pad":inputMode="decimal";break;case"phone-pad":type="tel";break;case"search":case"web-search":type="search";break;case"url":type="url";break;default:type="text"}secureTextEntry&&(type="password");var hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),dimensions=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)({height:null,width:null}),setRef=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_4__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){null!=hostNode&&(hostNode.clear=function(){null!=hostNode&&(hostNode.value="")},hostNode.isFocused=function(){return null!=hostNode&&_modules_TextInputState__WEBPACK_IMPORTED_MODULE_10__.a.currentlyFocusedField()===hostNode}),hostRef.current=hostNode,null!=hostRef.current&&handleContentSizeChange()}});function handleContentSizeChange(){var node=hostRef.current;if(multiline&&onContentSizeChange&&null!=node){var newHeight=node.scrollHeight,newWidth=node.scrollWidth;newHeight===dimensions.current.height&&newWidth===dimensions.current.width||(dimensions.current.height=newHeight,dimensions.current.width=newWidth,onContentSizeChange({nativeEvent:{contentSize:{height:dimensions.current.height,width:dimensions.current.width}}}))}}Object(_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_6__.a)((function(){var node=hostRef.current;null!=node&&null!=selection&&function setSelection(node,selection){if(function isSelectionStale(node,selection){var selectionEnd=node.selectionEnd,selectionStart=node.selectionStart,start=selection.start,end=selection.end;return start!==selectionStart||end!==selectionEnd}(node,selection)){var start=selection.start,end=selection.end;try{node.setSelectionRange(start,end||start)}catch(e){}}}(node,selection),document.activeElement===node&&(_modules_TextInputState__WEBPACK_IMPORTED_MODULE_10__.a._currentlyFocusedNode=node)}),[hostRef,selection]);var component=multiline?"textarea":"input",classList=[classes.textinput],style=_StyleSheet__WEBPACK_IMPORTED_MODULE_9__.default.compose(props.style,placeholderTextColor&&{placeholderTextColor:placeholderTextColor});Object(_hooks_useElementLayout__WEBPACK_IMPORTED_MODULE_5__.a)(hostRef,onLayout),Object(_hooks_useResponderEvents__WEBPACK_IMPORTED_MODULE_8__.a)(hostRef,{onMoveShouldSetResponder:onMoveShouldSetResponder,onMoveShouldSetResponderCapture:onMoveShouldSetResponderCapture,onResponderEnd:onResponderEnd,onResponderGrant:onResponderGrant,onResponderMove:onResponderMove,onResponderReject:onResponderReject,onResponderRelease:onResponderRelease,onResponderStart:onResponderStart,onResponderTerminate:onResponderTerminate,onResponderTerminationRequest:onResponderTerminationRequest,onScrollShouldSetResponder:onScrollShouldSetResponder,onScrollShouldSetResponderCapture:onScrollShouldSetResponderCapture,onSelectionChangeShouldSetResponder:onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture:onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder:onStartShouldSetResponder,onStartShouldSetResponderCapture:onStartShouldSetResponderCapture});var supportedProps=function pickProps(props){return Object(_modules_pick__WEBPACK_IMPORTED_MODULE_3__.a)(props,forwardPropsList)}(props);return supportedProps.autoCapitalize=autoCapitalize,supportedProps.autoComplete=autoComplete||autoCompleteType||"on",supportedProps.autoCorrect=autoCorrect?"on":"off",supportedProps.classList=classList,supportedProps.dir=void 0!==dir?dir:"auto",supportedProps.enterkeyhint=returnKeyType,supportedProps.onBlur=function handleBlur(e){_modules_TextInputState__WEBPACK_IMPORTED_MODULE_10__.a._currentlyFocusedNode=null,onBlur&&(e.nativeEvent.text=e.target.value,onBlur(e))},supportedProps.onChange=function handleChange(e){var text=e.target.value;e.nativeEvent.text=text,handleContentSizeChange(),onChange&&onChange(e),onChangeText&&onChangeText(text)},supportedProps.onFocus=function handleFocus(e){var node=hostRef.current;null!=node&&(_modules_TextInputState__WEBPACK_IMPORTED_MODULE_10__.a._currentlyFocusedNode=node,onFocus&&(e.nativeEvent.text=e.target.value,onFocus(e)),clearTextOnFocus&&(node.value=""),selectTextOnFocus&&node.select())},supportedProps.onKeyDown=function handleKeyDown(e){e.stopPropagation();var shouldBlurOnSubmit=null==blurOnSubmit?!multiline:blurOnSubmit,nativeEvent=e.nativeEvent,isComposing=function isEventComposing(nativeEvent){return nativeEvent.isComposing||229===nativeEvent.keyCode}(nativeEvent);onKeyPress&&onKeyPress(e),"Enter"!==e.key||e.shiftKey||isComposing||e.isDefaultPrevented()||(!blurOnSubmit&&multiline||!onSubmitEditing||(e.preventDefault(),nativeEvent.text=e.target.value,onSubmitEditing(e)),shouldBlurOnSubmit&&null!=hostRef.current&&hostRef.current.blur())},supportedProps.onSelect=function handleSelectionChange(e){if(onSelectionChange)try{var node=e.target,selectionStart=node.selectionStart,selectionEnd=node.selectionEnd;e.nativeEvent.selection={start:selectionStart,end:selectionEnd},e.nativeEvent.text=e.target.value,onSelectionChange(e)}catch(e){}},supportedProps.readOnly=!editable,supportedProps.ref=setRef,supportedProps.rows=multiline?numberOfLines:void 0,supportedProps.spellCheck=null!=spellCheck?spellCheck:autoCorrect,supportedProps.style=style,supportedProps.type=multiline?void 0:type,supportedProps.inputMode=inputMode,Object(_hooks_usePlatformMethods__WEBPACK_IMPORTED_MODULE_7__.a)(hostRef,supportedProps),Object(_createElement__WEBPACK_IMPORTED_MODULE_1__.a)(component,supportedProps)}));TextInput.displayName="TextInput",TextInput.State=_modules_TextInputState__WEBPACK_IMPORTED_MODULE_10__.a;var classes=_StyleSheet_css__WEBPACK_IMPORTED_MODULE_2__.a.create({textinput:{MozAppearance:"textfield",WebkitAppearance:"none",backgroundColor:"transparent",border:"0 solid black",borderRadius:0,boxSizing:"border-box",font:"14px System",margin:0,padding:0,resize:"none"}});__webpack_exports__.default=TextInput},68:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.WithLabel=exports.styles=void 0;var _classCallCheck2=_interopRequireDefault(__webpack_require__(28)),_createClass2=_interopRequireDefault(__webpack_require__(29)),_possibleConstructorReturn2=_interopRequireDefault(__webpack_require__(30)),_getPrototypeOf2=_interopRequireDefault(__webpack_require__(26)),_inherits2=_interopRequireDefault(__webpack_require__(31)),_react=_interopRequireDefault(__webpack_require__(0)),_StyleSheet=_interopRequireDefault(__webpack_require__(4)),_Text=_interopRequireDefault(__webpack_require__(9)),_View=_interopRequireDefault(__webpack_require__(3)),styles=_StyleSheet.default.create({textinput:{height:26,borderWidth:.5,borderColor:"#0f0f0f",padding:4},eventLabel:{margin:3,fontSize:12},multiline:{borderWidth:.5,borderColor:"#0f0f0f",padding:4,marginBottom:4}});exports.styles=styles;var WithLabel=function(_React$Component){function WithLabel(){return(0,_classCallCheck2.default)(this,WithLabel),(0,_possibleConstructorReturn2.default)(this,(0,_getPrototypeOf2.default)(WithLabel).apply(this,arguments))}return(0,_inherits2.default)(WithLabel,_React$Component),(0,_createClass2.default)(WithLabel,[{key:"render",value:function render(){return _react.default.createElement(_View.default,{style:withLabelStyles.labelContainer},_react.default.createElement(_View.default,{style:withLabelStyles.label},_react.default.createElement(_Text.default,null,this.props.label)),this.props.children)}}]),WithLabel}(_react.default.Component);exports.WithLabel=WithLabel,WithLabel.displayName="WithLabel";var withLabelStyles=_StyleSheet.default.create({labelContainer:{flexDirection:"row",marginVertical:2,flex:1},label:{width:115,alignItems:"flex-end",marginRight:10,paddingTop:2}});WithLabel.__docgenInfo={description:"",methods:[],displayName:"WithLabel"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/TextInput/helpers.js"]={name:"WithLabel",docgenInfo:WithLabel.__docgenInfo,path:"src/components/TextInput/helpers.js"})},69:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var createElement=__webpack_require__(87),css=__webpack_require__(100),assets=[];function getAssetByID(assetId){return assets[assetId-1]}var resolveShadowValue=__webpack_require__(271),dataUriPattern=/^data:/,ImageUriCache=function(){function ImageUriCache(){}return ImageUriCache.has=function has(uri){var entries=ImageUriCache._entries;return dataUriPattern.test(uri)||Boolean(entries[uri])},ImageUriCache.add=function add(uri){var entries=ImageUriCache._entries,lastUsedTimestamp=Date.now();entries[uri]?(entries[uri].lastUsedTimestamp=lastUsedTimestamp,entries[uri].refCount+=1):entries[uri]={lastUsedTimestamp:lastUsedTimestamp,refCount:1}},ImageUriCache.remove=function remove(uri){var entries=ImageUriCache._entries;entries[uri]&&(entries[uri].refCount-=1),ImageUriCache._cleanUpIfNeeded()},ImageUriCache._cleanUpIfNeeded=function _cleanUpIfNeeded(){var leastRecentlyUsedKey,leastRecentlyUsedEntry,entries=ImageUriCache._entries,imageUris=Object.keys(entries);imageUris.length+1>ImageUriCache._maximumEntries&&(imageUris.forEach((function(uri){var entry=entries[uri];(!leastRecentlyUsedEntry||entry.lastUsedTimestamp<leastRecentlyUsedEntry.lastUsedTimestamp)&&0===entry.refCount&&(leastRecentlyUsedKey=uri,leastRecentlyUsedEntry=entry)})),leastRecentlyUsedKey&&delete entries[leastRecentlyUsedKey])},ImageUriCache}();ImageUriCache._maximumEntries=256,ImageUriCache._entries={};var ImageLoader_id=0,requests={},ImageLoader={abort:function abort(requestId){var image=requests[""+requestId];image&&(image.onerror=null,image.onload=null,image=null,delete requests[""+requestId])},getSize:function getSize(uri,success,failure){var complete=!1,interval=setInterval(callback,16),requestId=ImageLoader.load(uri,callback,(function errorCallback(){"function"==typeof failure&&failure();ImageLoader.abort(requestId),clearInterval(interval)}));function callback(){var image=requests[""+requestId];if(image){var naturalHeight=image.naturalHeight,naturalWidth=image.naturalWidth;naturalHeight&&naturalWidth&&(success(naturalWidth,naturalHeight),complete=!0)}complete&&(ImageLoader.abort(requestId),clearInterval(interval))}},has:function has(uri){return ImageUriCache.has(uri)},load:function load(uri,onLoad,onError){ImageLoader_id+=1;var image=new window.Image;return image.onerror=onError,image.onload=function(e){var onDecode=function onDecode(){return onLoad({nativeEvent:e})};"function"==typeof image.decode?image.decode().then(onDecode,onDecode):setTimeout(onDecode,0)},image.src=uri,requests[""+ImageLoader_id]=image,ImageLoader_id},prefetch:function prefetch(uri){return new Promise((function(resolve,reject){ImageLoader.load(uri,(function(){ImageUriCache.add(uri),ImageUriCache.remove(uri),resolve()}),reject)}))},queryCache:function queryCache(uris){var result={};return uris.forEach((function(u){ImageUriCache.has(u)&&(result[u]="disk/memory")})),Promise.resolve(result)}},modules_ImageLoader=ImageLoader,PixelRatio=__webpack_require__(354),StyleSheet=__webpack_require__(4),TextAncestorContext=__webpack_require__(140),View=__webpack_require__(3),react=__webpack_require__(0),react_default=__webpack_require__.n(react);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var _filterId=0,svgDataUriPattern=/^(data:image\/svg\+xml;utf8,)(.*)/;function resolveAssetUri(source){var uri=null;if("number"==typeof source){var asset=getAssetByID(source),scale=asset.scales[0];if(asset.scales.length>1){var preferredScale=PixelRatio.default.get();scale=asset.scales.reduce((function(prev,curr){return Math.abs(curr-preferredScale)<Math.abs(prev-preferredScale)?curr:prev}))}var scaleSuffix=1!==scale?"@"+scale+"x":"";uri=asset?asset.httpServerLocation+"/"+asset.name+scaleSuffix+"."+asset.type:""}else"string"==typeof source?uri=source:source&&"string"==typeof source.uri&&(uri=source.uri);if(uri){var match=uri.match(svgDataUriPattern);if(match){var prefix=match[1],svg=match[2];return""+prefix+encodeURIComponent(svg)}}return uri}var Image=Object(react.forwardRef)((function(props,ref){var accessibilityLabel=props.accessibilityLabel,blurRadius=props.blurRadius,defaultSource=props.defaultSource,draggable=props.draggable,onError=props.onError,onLayout=props.onLayout,onLoad=props.onLoad,onLoadEnd=props.onLoadEnd,onLoadStart=props.onLoadStart,pointerEvents=props.pointerEvents,source=props.source,style=props.style,rest=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["accessibilityLabel","blurRadius","defaultSource","draggable","onError","onLayout","onLoad","onLoadEnd","onLoadStart","pointerEvents","source","style"]);var _useState=Object(react.useState)((function(){var uri=resolveAssetUri(source);if(null!=uri&&modules_ImageLoader.has(uri))return"LOADED";return"IDLE"})),state=_useState[0],updateState=_useState[1],_useState2=Object(react.useState)({}),layout=_useState2[0],updateLayout=_useState2[1],hasTextAncestor=Object(react.useContext)(TextAncestorContext.a),hiddenImageRef=Object(react.useRef)(null),filterRef=Object(react.useRef)(_filterId++),requestRef=Object(react.useRef)(null),shouldDisplaySource="LOADED"===state||"LOADING"===state&&null==defaultSource,_getFlatStyle=function getFlatStyle(style,blurRadius,filterId){var flatStyle=_objectSpread({},StyleSheet.default.flatten(style)),filter=flatStyle.filter,resizeMode=flatStyle.resizeMode,shadowOffset=flatStyle.shadowOffset,tintColor=flatStyle.tintColor,filters=[],_filter=null;if(filter&&filters.push(filter),blurRadius&&filters.push("blur("+blurRadius+"px)"),shadowOffset){var shadowString=Object(resolveShadowValue.a)(flatStyle);shadowString&&filters.push("drop-shadow("+shadowString+")")}return tintColor&&null!=filterId&&filters.push("url(#tint-"+filterId+")"),filters.length>0&&(_filter=filters.join(" ")),delete flatStyle.shadowColor,delete flatStyle.shadowOpacity,delete flatStyle.shadowOffset,delete flatStyle.shadowRadius,delete flatStyle.tintColor,delete flatStyle.overlayColor,delete flatStyle.resizeMode,[flatStyle,resizeMode,_filter,tintColor]}(style,blurRadius,filterRef.current),flatStyle=_getFlatStyle[0],_resizeMode=_getFlatStyle[1],filter=_getFlatStyle[2],tintColor=_getFlatStyle[3],resizeMode=props.resizeMode||_resizeMode||"cover",selectedSource=shouldDisplaySource?source:defaultSource,displayImageUri=resolveAssetUri(selectedSource),imageSizeStyle=function resolveAssetDimensions(source){if("number"==typeof source){var _getAssetByID=getAssetByID(source);return{height:_getAssetByID.height,width:_getAssetByID.width}}if(null!=source&&!Array.isArray(source)&&"object"==typeof source)return{height:source.height,width:source.width}}(selectedSource),backgroundImage=displayImageUri?'url("'+displayImageUri+'")':null,backgroundSize=function getBackgroundSize(){if(null!=hiddenImageRef.current&&("center"===resizeMode||"repeat"===resizeMode)){var _hiddenImageRef$curre=hiddenImageRef.current,naturalHeight=_hiddenImageRef$curre.naturalHeight,naturalWidth=_hiddenImageRef$curre.naturalWidth,height=layout.height,width=layout.width;if(naturalHeight&&naturalWidth&&height&&width){var scaleFactor=Math.min(1,width/naturalWidth,height/naturalHeight),x=Math.ceil(scaleFactor*naturalWidth),y=Math.ceil(scaleFactor*naturalHeight);return x+"px "+y+"px"}}}(),hiddenImage=displayImageUri?Object(createElement.a)("img",{alt:accessibilityLabel||"",classList:[classes.accessibilityImage],draggable:draggable||!1,ref:hiddenImageRef,src:displayImageUri}):null;return Object(react.useEffect)((function(){abortPendingRequest();var uri=resolveAssetUri(source);function abortPendingRequest(){null!=requestRef.current&&(modules_ImageLoader.abort(requestRef.current),requestRef.current=null)}return null!=uri&&(updateState("LOADING"),onLoadStart&&onLoadStart(),requestRef.current=modules_ImageLoader.load(uri,(function load(e){updateState("LOADED"),onLoad&&onLoad(e),onLoadEnd&&onLoadEnd()}),(function error(){updateState("ERRORED"),onError&&onError({nativeEvent:{error:"Failed to load resource "+uri+" (404)"}}),onLoadEnd&&onLoadEnd()}))),abortPendingRequest}),[source,requestRef,updateState,onError,onLoad,onLoadEnd,onLoadStart]),react_default.a.createElement(View.default,_extends({},rest,{accessibilityLabel:accessibilityLabel,onLayout:function handleLayout(e){if("center"===resizeMode||"repeat"===resizeMode||onLayout){var _layout=e.nativeEvent.layout;onLayout&&onLayout(e),updateLayout(_layout)}},pointerEvents:pointerEvents,ref:ref,style:[styles.root,hasTextAncestor&&styles.inline,imageSizeStyle,flatStyle]}),react_default.a.createElement(View.default,{style:[styles.image,resizeModeStyles[resizeMode],{backgroundImage:backgroundImage,filter:filter},null!=backgroundSize&&{backgroundSize:backgroundSize}]}),hiddenImage,function createTintColorSVG(tintColor,id){return tintColor&&null!=id?react_default.a.createElement("svg",{style:{position:"absolute",height:0,visibility:"hidden",width:0}},react_default.a.createElement("defs",null,react_default.a.createElement("filter",{id:"tint-"+id},react_default.a.createElement("feFlood",{floodColor:""+tintColor,key:tintColor}),react_default.a.createElement("feComposite",{in2:"SourceAlpha",operator:"atop"})))):null}(tintColor,filterRef.current))}));Image.displayName="Image",Image.getSize=function(uri,success,failure){modules_ImageLoader.getSize(uri,success,failure)},Image.prefetch=function(uri){return modules_ImageLoader.prefetch(uri)},Image.queryCache=function(uris){return modules_ImageLoader.queryCache(uris)};var classes=css.a.create({accessibilityImage:_objectSpread({},StyleSheet.default.absoluteFillObject,{height:"100%",opacity:0,width:"100%",zIndex:-1})}),styles=StyleSheet.default.create({root:{flexBasis:"auto",overflow:"hidden",zIndex:0},inline:{display:"inline-flex"},image:_objectSpread({},StyleSheet.default.absoluteFillObject,{backgroundColor:"transparent",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover",height:"100%",width:"100%",zIndex:-1})}),resizeModeStyles=StyleSheet.default.create({center:{backgroundSize:"auto"},contain:{backgroundSize:"contain"},cover:{backgroundSize:"cover"},none:{backgroundPosition:"0 0",backgroundSize:"auto"},repeat:{backgroundPosition:"0 0",backgroundRepeat:"repeat",backgroundSize:"auto"},stretch:{backgroundSize:"100% 100%"}});__webpack_exports__.default=Image},70:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return setAndForwardRef}));__webpack_require__(0);function setAndForwardRef(_ref){var getForwardedRef=_ref.getForwardedRef,setLocalRef=_ref.setLocalRef;return function forwardRef(ref){var forwardedRef=getForwardedRef();setLocalRef(ref),"function"==typeof forwardedRef?forwardedRef(ref):"object"==typeof forwardedRef&&null!=forwardedRef&&(forwardedRef.current=ref)}}},71:function(module,__webpack_exports__,__webpack_require__){"use strict";var _AnimatedWithChildren__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(49),_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(18),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2__),normalize_css_color__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(270),normalize_css_color__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(normalize_css_color__WEBPACK_IMPORTED_MODULE_3__);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var linear=function linear(t){return t};function createInterpolation(config){if(config.outputRange&&"string"==typeof config.outputRange[0])return function createInterpolationFromStringOutputRange(config){var outputRange=config.outputRange;fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(outputRange.length>=2,"Bad output range"),function checkPattern(arr){for(var pattern=arr[0].replace(stringShapeRegex,""),i=1;i<arr.length;++i)fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(pattern===arr[i].replace(stringShapeRegex,""),"invalid pattern "+arr[0]+" and "+arr[i])}(outputRange=outputRange.map(colorToRgba));var outputRanges=outputRange[0].match(stringShapeRegex).map((function(){return[]}));outputRange.forEach((function(value){value.match(stringShapeRegex).forEach((function(number,i){outputRanges[i].push(+number)}))}));var interpolations=outputRange[0].match(stringShapeRegex).map((function(value,i){return createInterpolation(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},config,{outputRange:outputRanges[i]}))})),shouldRound=function isRgbOrRgba(range){return"string"==typeof range&&range.startsWith("rgb")}(outputRange[0]);return function(input){var i=0;return outputRange[0].replace(stringShapeRegex,(function(){var val=+interpolations[i++](input);return shouldRound&&(val=i<4?Math.round(val):Math.round(1e3*val)/1e3),String(val)}))}}(config);var outputRange=config.outputRange;checkInfiniteRange("outputRange",outputRange);var inputRange=config.inputRange;checkInfiniteRange("inputRange",inputRange),function checkValidInputRange(arr){fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(arr.length>=2,"inputRange must have at least 2 elements");for(var i=1;i<arr.length;++i)fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(arr[i]>=arr[i-1],"inputRange must be monotonically non-decreasing "+arr)}(inputRange),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(inputRange.length===outputRange.length,"inputRange ("+inputRange.length+") and outputRange ("+outputRange.length+") must have the same length");var easing=config.easing||linear,extrapolateLeft="extend";void 0!==config.extrapolateLeft?extrapolateLeft=config.extrapolateLeft:void 0!==config.extrapolate&&(extrapolateLeft=config.extrapolate);var extrapolateRight="extend";return void 0!==config.extrapolateRight?extrapolateRight=config.extrapolateRight:void 0!==config.extrapolate&&(extrapolateRight=config.extrapolate),function(input){fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()("number"==typeof input,"Cannot interpolation an input which is not a number");var range=function findRange(input,inputRange){var i;for(i=1;i<inputRange.length-1&&!(inputRange[i]>=input);++i);return i-1}(input,inputRange);return function interpolate(input,inputMin,inputMax,outputMin,outputMax,easing,extrapolateLeft,extrapolateRight){var result=input;if(result<inputMin){if("identity"===extrapolateLeft)return result;"clamp"===extrapolateLeft&&(result=inputMin)}if(result>inputMax){if("identity"===extrapolateRight)return result;"clamp"===extrapolateRight&&(result=inputMax)}if(outputMin===outputMax)return outputMin;if(inputMin===inputMax)return input<=inputMin?outputMin:outputMax;inputMin===-1/0?result=-result:inputMax===1/0?result-=inputMin:result=(result-inputMin)/(inputMax-inputMin);result=easing(result),outputMin===-1/0?result=-result:outputMax===1/0?result+=outputMin:result=result*(outputMax-outputMin)+outputMin;return result}(input,inputRange[range],inputRange[range+1],outputRange[range],outputRange[range+1],easing,extrapolateLeft,extrapolateRight)}}function colorToRgba(input){var int32Color=normalize_css_color__WEBPACK_IMPORTED_MODULE_3___default()(input);return null===int32Color?input:"rgba("+((4278190080&(int32Color=int32Color||0))>>>24)+", "+((16711680&int32Color)>>>16)+", "+((65280&int32Color)>>>8)+", "+(255&int32Color)/255+")"}var stringShapeRegex=/[+-]?(?:\d+\.?\d*|\.\d+)(?:[eE][+-]?\d+)?/g;function checkInfiniteRange(name,arr){fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(arr.length>=2,name+" must have at least 2 elements"),fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()(2!==arr.length||arr[0]!==-1/0||arr[1]!==1/0,name+"cannot be ]-infinity;+infinity[ "+arr)}var AnimatedInterpolation=function(_AnimatedWithChildren){function AnimatedInterpolation(parent,config){var _this;return(_this=_AnimatedWithChildren.call(this)||this)._parent=parent,_this._config=config,_this._interpolation=createInterpolation(config),_this}!function _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype),subClass.prototype.constructor=subClass,subClass.__proto__=superClass}(AnimatedInterpolation,_AnimatedWithChildren);var _proto=AnimatedInterpolation.prototype;return _proto.__makeNative=function __makeNative(){this._parent.__makeNative(),_AnimatedWithChildren.prototype.__makeNative.call(this)},_proto.__getValue=function __getValue(){var parentValue=this._parent.__getValue();return fbjs_lib_invariant__WEBPACK_IMPORTED_MODULE_2___default()("number"==typeof parentValue,"Cannot interpolate an input which is not a number."),this._interpolation(parentValue)},_proto.interpolate=function interpolate(config){return new AnimatedInterpolation(this,config)},_proto.__attach=function __attach(){this._parent.__addChild(this)},_proto.__detach=function __detach(){this._parent.__removeChild(this),_AnimatedWithChildren.prototype.__detach.call(this)},_proto.__transformDataType=function __transformDataType(range){return range.map(_NativeAnimatedHelper__WEBPACK_IMPORTED_MODULE_1__.a.transformDataType)},_proto.__getNativeConfig=function __getNativeConfig(){return{inputRange:this._config.inputRange,outputRange:this.__transformDataType(this._config.outputRange),extrapolateLeft:this._config.extrapolateLeft||this._config.extrapolate||"extend",extrapolateRight:this._config.extrapolateRight||this._config.extrapolate||"extend",type:"interpolation"}},AnimatedInterpolation}(_AnimatedWithChildren__WEBPACK_IMPORTED_MODULE_0__.a);AnimatedInterpolation.__createInterpolation=createInterpolation,__webpack_exports__.a=AnimatedInterpolation},72:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return STYLE_ELEMENT_ID})),__webpack_require__.d(__webpack_exports__,"c",(function(){return STYLE_GROUPS})),__webpack_require__.d(__webpack_exports__,"d",(function(){return STYLE_SHORT_FORM_EXPANSIONS})),__webpack_require__.d(__webpack_exports__,"a",(function(){return MONOSPACE_FONT_STACK})),__webpack_require__.d(__webpack_exports__,"e",(function(){return SYSTEM_FONT_STACK}));var STYLE_ELEMENT_ID="react-native-stylesheet",STYLE_GROUPS={reset:0,modality:.1,classicReset:.5,classic:1,atomic:2.2,custom:{borderColor:2,borderRadius:2,borderStyle:2,borderWidth:2,display:2,flex:2,margin:2,overflow:2,overscrollBehavior:2,padding:2,marginHorizontal:2.1,marginVertical:2.1,paddingHorizontal:2.1,paddingVertical:2.1}},STYLE_SHORT_FORM_EXPANSIONS={borderColor:["borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"],borderRadius:["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],borderStyle:["borderTopStyle","borderRightStyle","borderBottomStyle","borderLeftStyle"],borderWidth:["borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth"],margin:["marginTop","marginRight","marginBottom","marginLeft"],marginHorizontal:["marginRight","marginLeft"],marginVertical:["marginTop","marginBottom"],overflow:["overflowX","overflowY"],overscrollBehavior:["overscrollBehaviorX","overscrollBehaviorY"],padding:["paddingTop","paddingRight","paddingBottom","paddingLeft"],paddingHorizontal:["paddingRight","paddingLeft"],paddingVertical:["paddingTop","paddingBottom"]},MONOSPACE_FONT_STACK="monospace,monospace",SYSTEM_FONT_STACK='-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif'},77:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return normalizeValueWithProperty}));var _modules_unitlessNumbers__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(204),_modules_normalizeColor__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(274),colorProps={backgroundColor:!0,borderColor:!0,borderTopColor:!0,borderRightColor:!0,borderBottomColor:!0,borderLeftColor:!0,color:!0,shadowColor:!0,textDecorationColor:!0,textShadowColor:!0};function normalizeValueWithProperty(value,property){var returnValue=value;return null!=property&&_modules_unitlessNumbers__WEBPACK_IMPORTED_MODULE_0__.a[property]||"number"!=typeof value?null!=property&&colorProps[property]&&(returnValue=Object(_modules_normalizeColor__WEBPACK_IMPORTED_MODULE_1__.a)(value)):returnValue=value+"px",returnValue}},80:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var create_react_class=__webpack_require__(546),create_react_class_default=__webpack_require__.n(create_react_class),TextInputState=__webpack_require__(88),modules_dismissKeyboard=function dismissKeyboard(){TextInputState.a.blurTextInput(TextInputState.a.currentlyFocusedField())},invariant=__webpack_require__(5),invariant_default=__webpack_require__.n(invariant),Dimensions=__webpack_require__(161),findNodeHandle=__webpack_require__(101),Platform=__webpack_require__(157),UIManager=__webpack_require__(81),warning=__webpack_require__(162),warning_default=__webpack_require__.n(warning),emptyObject={},modules_ScrollResponder={Mixin:{scrollResponderMixinGetInitialState:function scrollResponderMixinGetInitialState(){return{isTouching:!1,lastMomentumScrollBeginTime:0,lastMomentumScrollEndTime:0,observedScrollSinceBecomingResponder:!1,becameResponderWhileAnimating:!1}},scrollResponderHandleScrollShouldSetResponder:function scrollResponderHandleScrollShouldSetResponder(){return this.state.isTouching},scrollResponderHandleStartShouldSetResponder:function scrollResponderHandleStartShouldSetResponder(){return!1},scrollResponderHandleStartShouldSetResponderCapture:function scrollResponderHandleStartShouldSetResponderCapture(e){return this.scrollResponderIsAnimating()},scrollResponderHandleResponderReject:function scrollResponderHandleResponderReject(){warning_default()(!1,"ScrollView doesn't take rejection well - scrolls anyway")},scrollResponderHandleTerminationRequest:function scrollResponderHandleTerminationRequest(){return!this.state.observedScrollSinceBecomingResponder},scrollResponderHandleTouchEnd:function scrollResponderHandleTouchEnd(e){var nativeEvent=e.nativeEvent;this.state.isTouching=0!==nativeEvent.touches.length,this.props.onTouchEnd&&this.props.onTouchEnd(e)},scrollResponderHandleResponderRelease:function scrollResponderHandleResponderRelease(e){this.props.onResponderRelease&&this.props.onResponderRelease(e);var currentlyFocusedTextInput=TextInputState.a.currentlyFocusedField();this.props.keyboardShouldPersistTaps||null==currentlyFocusedTextInput||e.target===currentlyFocusedTextInput||this.state.observedScrollSinceBecomingResponder||this.state.becameResponderWhileAnimating||(this.props.onScrollResponderKeyboardDismissed&&this.props.onScrollResponderKeyboardDismissed(e),TextInputState.a.blurTextInput(currentlyFocusedTextInput))},scrollResponderHandleScroll:function scrollResponderHandleScroll(e){this.state.observedScrollSinceBecomingResponder=!0,this.props.onScroll&&this.props.onScroll(e)},scrollResponderHandleResponderGrant:function scrollResponderHandleResponderGrant(e){this.state.observedScrollSinceBecomingResponder=!1,this.props.onResponderGrant&&this.props.onResponderGrant(e),this.state.becameResponderWhileAnimating=this.scrollResponderIsAnimating()},scrollResponderHandleScrollBeginDrag:function scrollResponderHandleScrollBeginDrag(e){this.props.onScrollBeginDrag&&this.props.onScrollBeginDrag(e)},scrollResponderHandleScrollEndDrag:function scrollResponderHandleScrollEndDrag(e){this.props.onScrollEndDrag&&this.props.onScrollEndDrag(e)},scrollResponderHandleMomentumScrollBegin:function scrollResponderHandleMomentumScrollBegin(e){this.state.lastMomentumScrollBeginTime=Date.now(),this.props.onMomentumScrollBegin&&this.props.onMomentumScrollBegin(e)},scrollResponderHandleMomentumScrollEnd:function scrollResponderHandleMomentumScrollEnd(e){this.state.lastMomentumScrollEndTime=Date.now(),this.props.onMomentumScrollEnd&&this.props.onMomentumScrollEnd(e)},scrollResponderHandleTouchStart:function scrollResponderHandleTouchStart(e){this.state.isTouching=!0,this.props.onTouchStart&&this.props.onTouchStart(e)},scrollResponderHandleTouchMove:function scrollResponderHandleTouchMove(e){this.props.onTouchMove&&this.props.onTouchMove(e)},scrollResponderIsAnimating:function scrollResponderIsAnimating(){return Date.now()-this.state.lastMomentumScrollEndTime<16||this.state.lastMomentumScrollEndTime<this.state.lastMomentumScrollBeginTime},scrollResponderGetScrollableNode:function scrollResponderGetScrollableNode(){return this.getScrollableNode?this.getScrollableNode():Object(findNodeHandle.a)(this)},scrollResponderScrollTo:function scrollResponderScrollTo(x,y,animated){if("number"==typeof x)console.warn("`scrollResponderScrollTo(x, y, animated)` is deprecated. Use `scrollResponderScrollTo({x: 5, y: 5, animated: true})` instead.");else{var _ref=x||emptyObject;x=_ref.x,y=_ref.y,animated=_ref.animated}var node=this.scrollResponderGetScrollableNode(),left=x||0,top=y||0;"function"==typeof node.scroll?node.scroll({top:top,left:left,behavior:animated?"smooth":"auto"}):(node.scrollLeft=left,node.scrollTop=top)},scrollResponderZoomTo:function scrollResponderZoomTo(rect,animated){"ios"!==Platform.default.OS&&invariant_default()("zoomToRect is not implemented")},scrollResponderFlashScrollIndicators:function scrollResponderFlashScrollIndicators(){},scrollResponderScrollNativeHandleToKeyboard:function scrollResponderScrollNativeHandleToKeyboard(nodeHandle,additionalOffset,preventNegativeScrollOffset){this.additionalScrollOffset=additionalOffset||0,this.preventNegativeScrollOffset=!!preventNegativeScrollOffset,UIManager.a.measureLayout(nodeHandle,Object(findNodeHandle.a)(this.getInnerViewNode()),this.scrollResponderTextInputFocusError,this.scrollResponderInputMeasureAndScrollToKeyboard)},scrollResponderInputMeasureAndScrollToKeyboard:function scrollResponderInputMeasureAndScrollToKeyboard(left,top,width,height){var keyboardScreenY=Dimensions.default.get("window").height;this.keyboardWillOpenTo&&(keyboardScreenY=this.keyboardWillOpenTo.endCoordinates.screenY);var scrollOffsetY=top-keyboardScreenY+height+this.additionalScrollOffset;this.preventNegativeScrollOffset&&(scrollOffsetY=Math.max(0,scrollOffsetY)),this.scrollResponderScrollTo({x:0,y:scrollOffsetY,animated:!0}),this.additionalOffset=0,this.preventNegativeScrollOffset=!1},scrollResponderTextInputFocusError:function scrollResponderTextInputFocusError(e){console.error("Error measuring text field: ",e)},UNSAFE_componentWillMount:function UNSAFE_componentWillMount(){this.keyboardWillOpenTo=null,this.additionalScrollOffset=0},scrollResponderKeyboardWillShow:function scrollResponderKeyboardWillShow(e){this.keyboardWillOpenTo=e,this.props.onKeyboardWillShow&&this.props.onKeyboardWillShow(e)},scrollResponderKeyboardWillHide:function scrollResponderKeyboardWillHide(e){this.keyboardWillOpenTo=null,this.props.onKeyboardWillHide&&this.props.onKeyboardWillHide(e)},scrollResponderKeyboardDidShow:function scrollResponderKeyboardDidShow(e){e&&(this.keyboardWillOpenTo=e),this.props.onKeyboardDidShow&&this.props.onKeyboardDidShow(e)},scrollResponderKeyboardDidHide:function scrollResponderKeyboardDidHide(e){this.keyboardWillOpenTo=null,this.props.onKeyboardDidHide&&this.props.onKeyboardDidHide(e)}}},react=__webpack_require__(0),react_default=__webpack_require__.n(react),StyleSheet=__webpack_require__(4),View=__webpack_require__(3);function normalizeScrollEvent(e){return{nativeEvent:{contentOffset:{get x(){return e.target.scrollLeft},get y(){return e.target.scrollTop}},contentSize:{get height(){return e.target.scrollHeight},get width(){return e.target.scrollWidth}},layoutMeasurement:{get height(){return e.target.offsetHeight},get width(){return e.target.offsetWidth}}},timeStamp:Date.now()}}var ScrollViewBase=Object(react.forwardRef)((function(props,forwardedRef){var accessibilityLabel=props.accessibilityLabel,accessibilityRole=props.accessibilityRole,accessibilityState=props.accessibilityState,children=props.children,importantForAccessibility=props.importantForAccessibility,nativeID=props.nativeID,onLayout=props.onLayout,onScroll=props.onScroll,onTouchMove=props.onTouchMove,onWheel=props.onWheel,pointerEvents=props.pointerEvents,_props$scrollEnabled=props.scrollEnabled,scrollEnabled=void 0===_props$scrollEnabled||_props$scrollEnabled,_props$scrollEventThr=props.scrollEventThrottle,scrollEventThrottle=void 0===_props$scrollEventThr?0:_props$scrollEventThr,showsHorizontalScrollIndicator=props.showsHorizontalScrollIndicator,showsVerticalScrollIndicator=props.showsVerticalScrollIndicator,style=props.style,dataSet=props.dataSet,testID=props.testID,scrollState=Object(react.useRef)({isScrolling:!1,scrollLastTick:0}),scrollTimeout=Object(react.useRef)(null);function createPreventableScrollHandler(handler){return function(e){scrollEnabled&&handler&&handler(e)}}function handleScrollEnd(e){scrollState.current.isScrolling=!1,onScroll&&onScroll(normalizeScrollEvent(e))}var hideScrollbar=!1===showsHorizontalScrollIndicator||!1===showsVerticalScrollIndicator;return react.createElement(View.default,{accessibilityLabel:accessibilityLabel,accessibilityRole:accessibilityRole,accessibilityState:accessibilityState,children:children,dataSet:dataSet,importantForAccessibility:importantForAccessibility,nativeID:nativeID,onLayout:onLayout,onScroll:function handleScroll(e){e.persist(),e.stopPropagation(),null!=scrollTimeout.current&&clearTimeout(scrollTimeout.current),scrollTimeout.current=setTimeout(handleScrollEnd,100),scrollState.current.isScrolling?function shouldEmitScrollEvent(lastTick,eventThrottle){var timeSinceLastTick=Date.now()-lastTick;return eventThrottle>0&&timeSinceLastTick>=eventThrottle}(scrollState.current.scrollLastTick,scrollEventThrottle)&&function handleScrollTick(e){scrollState.current.scrollLastTick=Date.now(),onScroll&&onScroll(normalizeScrollEvent(e))}(e):function handleScrollStart(e){scrollState.current.isScrolling=!0,scrollState.current.scrollLastTick=Date.now()}()},onTouchMove:createPreventableScrollHandler(onTouchMove),onWheel:createPreventableScrollHandler(onWheel),pointerEvents:pointerEvents,ref:forwardedRef,style:[style,!scrollEnabled&&styles.scrollDisabled,hideScrollbar&&styles.hideScrollbar],testID:testID})})),styles=StyleSheet.default.create({scrollDisabled:{overflowX:"hidden",overflowY:"hidden",touchAction:"none"},hideScrollbar:{scrollbarWidth:"none"}}),ScrollView_ScrollViewBase=ScrollViewBase;function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var ScrollView_emptyObject={},ScrollView=create_react_class_default()({displayName:"ScrollView",mixins:[modules_ScrollResponder.Mixin],getInitialState:function getInitialState(){return this.scrollResponderMixinGetInitialState()},flashScrollIndicators:function flashScrollIndicators(){this.scrollResponderFlashScrollIndicators()},setNativeProps:function setNativeProps(props){this._scrollNodeRef&&this._scrollNodeRef.setNativeProps(props)},getScrollResponder:function getScrollResponder(){return this},getScrollableNode:function getScrollableNode(){return this._scrollNodeRef},getInnerViewNode:function getInnerViewNode(){return this._innerViewRef},scrollTo:function scrollTo(y,x,animated){if("number"==typeof y)console.warn("`scrollTo(y, x, animated)` is deprecated. Use `scrollTo({x: 5, y: 5, animated: true})` instead.");else{var _ref=y||ScrollView_emptyObject;x=_ref.x,y=_ref.y,animated=_ref.animated}this.getScrollResponder().scrollResponderScrollTo({x:x||0,y:y||0,animated:!1!==animated})},scrollToEnd:function scrollToEnd(options){var animated=!1!==(options&&options.animated),horizontal=this.props.horizontal,scrollResponder=this.getScrollResponder(),scrollResponderNode=scrollResponder.scrollResponderGetScrollableNode(),x=horizontal?scrollResponderNode.scrollWidth:0,y=horizontal?0:scrollResponderNode.scrollHeight;scrollResponder.scrollResponderScrollTo({x:x,y:y,animated:animated})},render:function render(){var _this$props=this.props,contentContainerStyle=_this$props.contentContainerStyle,horizontal=_this$props.horizontal,onContentSizeChange=_this$props.onContentSizeChange,refreshControl=_this$props.refreshControl,stickyHeaderIndices=_this$props.stickyHeaderIndices,pagingEnabled=_this$props.pagingEnabled,other=(_this$props.keyboardDismissMode,_this$props.onScroll,function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(_this$props,["contentContainerStyle","horizontal","onContentSizeChange","refreshControl","stickyHeaderIndices","pagingEnabled","keyboardDismissMode","onScroll"])),contentSizeChangeProps={};onContentSizeChange&&(contentSizeChangeProps={onLayout:this._handleContentOnLayout});var hasStickyHeaderIndices=!horizontal&&Array.isArray(stickyHeaderIndices),children=hasStickyHeaderIndices||pagingEnabled?react_default.a.Children.map(this.props.children,(function(child,i){var isSticky=hasStickyHeaderIndices&&stickyHeaderIndices.indexOf(i)>-1;return null!=child&&(isSticky||pagingEnabled)?react_default.a.createElement(View.default,{style:StyleSheet.default.compose(isSticky&&ScrollView_styles.stickyHeader,pagingEnabled&&ScrollView_styles.pagingEnabledChild)},child):child})):this.props.children,contentContainer=react_default.a.createElement(View.default,_extends({},contentSizeChangeProps,{children:children,collapsable:!1,ref:this._setInnerViewRef,style:StyleSheet.default.compose(horizontal&&ScrollView_styles.contentContainerHorizontal,contentContainerStyle)})),baseStyle=horizontal?ScrollView_styles.baseHorizontal:ScrollView_styles.baseVertical,pagingEnabledStyle=horizontal?ScrollView_styles.pagingEnabledHorizontal:ScrollView_styles.pagingEnabledVertical,props=_objectSpread({},other,{style:[baseStyle,pagingEnabled&&pagingEnabledStyle,this.props.style],onTouchStart:this.scrollResponderHandleTouchStart,onTouchMove:this.scrollResponderHandleTouchMove,onTouchEnd:this.scrollResponderHandleTouchEnd,onScrollBeginDrag:this.scrollResponderHandleScrollBeginDrag,onScrollEndDrag:this.scrollResponderHandleScrollEndDrag,onMomentumScrollBegin:this.scrollResponderHandleMomentumScrollBegin,onMomentumScrollEnd:this.scrollResponderHandleMomentumScrollEnd,onStartShouldSetResponder:this.scrollResponderHandleStartShouldSetResponder,onStartShouldSetResponderCapture:this.scrollResponderHandleStartShouldSetResponderCapture,onScrollShouldSetResponder:this.scrollResponderHandleScrollShouldSetResponder,onScroll:this._handleScroll,onResponderGrant:this.scrollResponderHandleResponderGrant,onResponderTerminationRequest:this.scrollResponderHandleTerminationRequest,onResponderTerminate:this.scrollResponderHandleTerminate,onResponderRelease:this.scrollResponderHandleResponderRelease,onResponderReject:this.scrollResponderHandleResponderReject}),ScrollViewClass=ScrollView_ScrollViewBase;return invariant_default()(void 0!==ScrollViewClass,"ScrollViewClass must not be undefined"),refreshControl?react_default.a.cloneElement(refreshControl,{style:props.style},react_default.a.createElement(ScrollViewClass,_extends({},props,{ref:this._setScrollNodeRef,style:baseStyle}),contentContainer)):react_default.a.createElement(ScrollViewClass,_extends({},props,{ref:this._setScrollNodeRef}),contentContainer)},_handleContentOnLayout:function _handleContentOnLayout(e){var _e$nativeEvent$layout=e.nativeEvent.layout,width=_e$nativeEvent$layout.width,height=_e$nativeEvent$layout.height;this.props.onContentSizeChange(width,height)},_handleScroll:function _handleScroll(e){"on-drag"===this.props.keyboardDismissMode&&modules_dismissKeyboard(),this.scrollResponderHandleScroll(e)},_setInnerViewRef:function _setInnerViewRef(component){this._innerViewRef=component},_setScrollNodeRef:function _setScrollNodeRef(component){this._scrollNodeRef=component}}),commonStyle={flexGrow:1,flexShrink:1,transform:[{translateZ:0}],WebkitOverflowScrolling:"touch"},ScrollView_styles=StyleSheet.default.create({baseVertical:_objectSpread({},commonStyle,{flexDirection:"column",overflowX:"hidden",overflowY:"auto"}),baseHorizontal:_objectSpread({},commonStyle,{flexDirection:"row",overflowX:"auto",overflowY:"hidden"}),contentContainerHorizontal:{flexDirection:"row"},stickyHeader:{position:"sticky",top:0,zIndex:10},pagingEnabledHorizontal:{scrollSnapType:"x mandatory"},pagingEnabledVertical:{scrollSnapType:"y mandatory"},pagingEnabledChild:{scrollSnapAlign:"start"}});__webpack_exports__.default=ScrollView},81:function(module,__webpack_exports__,__webpack_require__){"use strict";var getBoundingClientRect=__webpack_require__(166),unitlessNumbers=__webpack_require__(204);var react_dom_dangerousStyleValue=function dangerousStyleValue(name,value,isCustomProperty){return null==value||"boolean"==typeof value||""===value?"":isCustomProperty||"number"!=typeof value||0===value||unitlessNumbers.a.hasOwnProperty(name)&&unitlessNumbers.a[name]?(""+value).trim():value+"px"},hyphenate_style_name=__webpack_require__(268);var react_dom_setValueForStyles=function setValueForStyles(node,styles){var style=node.style;for(var styleName in styles)if(styles.hasOwnProperty(styleName)){var isCustomProperty=0===styleName.indexOf("--"),styleValue=react_dom_dangerousStyleValue(styleName,styles[styleName],isCustomProperty);if("float"===styleName&&(styleName="cssFloat"),isCustomProperty){var name=isCustomProperty?styleName:Object(hyphenate_style_name.a)(styleName);style.setProperty(name,styleValue)}else style[styleName]=styleValue}},UIManager_getRect=function getRect(node){var _getBoundingClientRec=Object(getBoundingClientRect.a)(node),x=_getBoundingClientRec.x,y=_getBoundingClientRec.y,top=_getBoundingClientRec.top,left=_getBoundingClientRec.left;return{x:x,y:y,width:node.offsetWidth,height:node.offsetHeight,top:top,left:left}},_measureLayout=function measureLayout(node,relativeToNativeNode,callback){var relativeNode=relativeToNativeNode||node&&node.parentNode;node&&relativeNode&&setTimeout((function(){var relativeRect=Object(getBoundingClientRect.a)(relativeNode),_getRect=UIManager_getRect(node),height=_getRect.height,left=_getRect.left,top=_getRect.top,width=_getRect.width,x=left-relativeRect.left,y=top-relativeRect.top;callback(x,y,width,height,left,top)}),0)},focusableElements={A:!0,INPUT:!0,SELECT:!0,TEXTAREA:!0},UIManager={blur:function blur(node){try{node.blur()}catch(err){}},focus:function focus(node){try{var name=node.nodeName;null==node.getAttribute("tabIndex")&&null==focusableElements[name]&&node.setAttribute("tabIndex","-1"),node.focus()}catch(err){}},measure:function measure(node,callback){_measureLayout(node,null,callback)},measureInWindow:function measureInWindow(node,callback){node&&setTimeout((function(){var _getRect2=UIManager_getRect(node),height=_getRect2.height,left=_getRect2.left,top=_getRect2.top,width=_getRect2.width;callback(left,top,width,height)}),0)},measureLayout:function measureLayout(node,relativeToNativeNode,onFail,onSuccess){_measureLayout(node,relativeToNativeNode,onSuccess)},updateView:function updateView(node,props){for(var prop in props)if(Object.prototype.hasOwnProperty.call(props,prop)){var value=props[prop];switch(prop){case"style":react_dom_setValueForStyles(node,value);break;case"class":case"className":node.setAttribute("class",value);break;case"text":case"value":node.value=value;break;default:node.setAttribute(prop,value)}}},configureNextLayoutAnimation:function configureNextLayoutAnimation(config,onAnimationDidEnd){onAnimationDidEnd()},setLayoutAnimationEnabledExperimental:function setLayoutAnimationEnabledExperimental(){}};__webpack_exports__.a=UIManager},86:function(module,exports,__webpack_require__){var _interopRequireDefault=__webpack_require__(1);__webpack_require__(2),Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _placeholder=_interopRequireDefault(__webpack_require__(1510)),_smallflower=_interopRequireDefault(__webpack_require__(1511)),_ladybug=_interopRequireDefault(__webpack_require__(1512)),_default={animatedGif:{uri:"http://38.media.tumblr.com/9e9bd08c6e2d10561dd1fb4197df4c4e/tumblr_mfqekpMktw1rn90umo1_500.gif"},broken:{uri:"http://TYPO_ERROR.github.io/image.png"},small:_smallflower.default,smallAlt:{uri:"https://images.unsplash.com/photo-1481595357459-84468f6eeaac?dpr=1&auto=format&fit=crop&w=100&h=66&q=60&cs=tinysrgb"},large:{uri:"https://images.unsplash.com/photo-1481595357459-84468f6eeaac?dpr=1&auto=format&fit=crop&w=376&h=251&q=60&cs=tinysrgb"},largeAlt:{uri:"https://images.unsplash.com/photo-1471145653077-54c6f0aae511?dpr=1&auto=format&fit=crop&w=376&h=251&q=60&cs=tinysrgb"},placeholder:_placeholder.default,prefetchable:{uri:"https://images.unsplash.com/photo-1471145653077-54c6f0aae511?dpr=1&auto=format&fit=crop&w=376&h=251&q=60&cs=tinysrgb"},static:_ladybug.default,huge:{uri:"https://upload.wikimedia.org/wikipedia/commons/d/d7/Chestnut-mandibled_Toucan.jpg"},pjpeg:{uri:"http://pooyak.com/p/progjpeg/jpegload.cgi?o=1"},dataSvg:'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>',dataBase64Png:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==",dataBase64Svg:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0yNS44NjcsNDguODUzQzMyLjgwNiw1MC4xNzYsNDYuNDYsNTIuNSw2MS4yMTUsNTIuNWgwLjAwNWM5LjcxLDAsMTguNDAxLTEuMDU3LDI1LjkzOC0yLjkxMyAgIGMwLjE1OS0wLjA0NiwwLjM1LTAuMTM1LDAuNTY1LTAuMTg3YzAuMjgyLTAuMDcyLDAuNTY1LTAuMTY0LDAuODQ0LTAuMjM4YzMuMTg0LTAuOTY0LDIuNTc3LTMuMDUxLDIuMTk5LTMuODUyICAgYy00LjE2Ni03LjcxOS0xNS4wODYtMjMuNDE1LTM1LjAyOC0yMy40MTVjLTIyLjE2OSwwLTMwLjI2MiwxMC42MzUtMzMuMTQsMTkuNTg5QzIyLjU0NSw0Mi4zMzMsMjIuNDA3LDQ3LjEzNSwyNS44NjcsNDguODUzeiAgICBNMjguNjc2LDM4LjAzMmMwLjAxMy0wLjAzNiwwLjYxNC0xLjYyNiwxLjkyMy0xLjAwOGMxLjEzMywwLjUzNSwwLjk2MSwxLjU2MywwLjg4NywxLjg1Yy0wLjAwNywwLjAyNC0wLjAxNCwwLjA0OC0wLjAyMSwwLjA3MyAgIGMwLDAuMDAxLTAuMDAxLDAuMDA0LTAuMDAxLDAuMDA0bDAsMGMtMC4yNDksMC45MjktMC40MDQsMi4wODYtMC4wMTcsMi44NmMwLjE2LDAuMzE5LDAuNDkyLDAuNzY4LDEuNTQyLDAuOTg3bDAuMzY2LDAuMDc3ICAgYzIwLjgxNiw0LjM2LDM2LDIuOTMzLDQ1LjY3OCwwLjYyNmwtMC4wMDQsMC4wMDJjMCwwLDAuMDA1LTAuMDAyLDAuMDA3LTAuMDAzYzAuMjEyLTAuMDUsMC40MjEtMC4xMDEsMC42MjgtMC4xNTIgICBjMC41MDktMC4wNSwxLjE3MywwLjA3OCwxLjM5OSwxYzAuMzUxLDEuNDI0LTAuOTczLDEuODk1LTEuMjE3LDEuOTY5Yy01LjMyNSwxLjI3OS0xMi4yNjYsMi4zMDYtMjAuODM1LDIuMzA3ICAgYy03LjUwNSwwLTE2LjI1NS0wLjc4Ny0yNi4yNTctMi44ODJsLTAuMzY0LTAuMDc3Yy0yLjEyLTAuNDQyLTMuMTExLTEuNjMzLTMuNTY5LTIuNTU1QzI3Ljk4NSw0MS40MjEsMjguMjgxLDM5LjQxNiwyOC42NzYsMzguMDMyICAgeiI+PC9wYXRoPjxjaXJjbGUgY3g9IjEwLjQ5MyIgY3k9IjIzLjQ1NSIgcj0iMC42MTkiPjwvY2lyY2xlPjxwYXRoIGQ9Ik0yLjA4LDI4LjMwOGMwLjY3Ni0wLjE3OCwwLjk4My0wLjM1MiwxLjE3NC0wLjVDNC42OSwyNi42OSw2LjUsMjcuNDgzLDcuNSwyOC4zNTd2MC4wMDJjMCwwLDEuNzExLDEuMjM1LDAuNzM3LDIuMjAyICAgYy0wLjk3NCwwLjk2NS0yLjMxOSwwLjAwNi0yLjMxOSwwLjAwNmwwLjAzNSwwLjAxNmMtMC4zMjctMC4yMDMtMC42LTAuNTYxLTAuNzgtMC41ODRjLTAuMzcsMC4yNi0wLjg3NiwwLjUtMS40NzYsMC41SDMuNyAgIGMwLDAtMS4zNDUsMC43MDksMC4xNzgsMS42NTJjMC4wMDEsMC4wMDEsMC4wMDIsMC4wNzIsMC4wMDQsMC4wNzNjMy45MzksMi4zNDIsOC4yNzEsNS43MDEsOC4yNzEsOC44OCAgIGMwLDAuNjkxLDAuMiwxNy4wNDIsMTcuNjI2LDI0LjczOWwwLjk2NywwLjQ0MmwtMC4xLDEuMDU5Yy0wLjQyMSw0LjM5LDEuMTQ1LDEwLjE5MSwxMC45OTMsMTIuODg4bDAuMTEzLDAuMDM4ICAgYzAuMDY3LDAuMDIzLDYuNzMyLDIuNDI5LDEwLjkwNywyLjQyOWMxLjU4NCwwLDIuMTU1LTAuMzUyLDIuMjQzLTAuNTYxYzAuMDg1LTAuMjAyLDAuNjEyLTIuMTY0LTYuMzMyLTkuMzg3bDAuMDAyLTAuMTgzICAgYzAsMC0yLjQ3Ny0zLjA3LDEuNTMzLTMuMDdjMC4wMSwwLDAuMDE5LDAsMC4wMjksMGMxLjI4NSwwLDIuNjA4LDAuMjE1LDMuOTgsMC4xODRjNC43NzEtMC4xMTcsOS4zMTYtMC40MjUsMTMuNTA2LTEuMDk2ICAgbDAuNDc0LTAuMDI4bDAuNjY4LDAuMTU4YzkuNjUxLDQuOTQ4LDE2LjczOCw3LjcxNiwxOS43MzgsNy43MTZ2MC4wMDZjMCwwLDAuMTY0LDAuMDExLDAuMjMsMC4wMDQgICBjLTAuMTg5LTAuNzIzLTIuMjMtMi44LTcuMjMtOS4wNzl2MC4wMjFjMCwwLTEuNTEyLTEuNjU4LDAuNzk3LTIuNjUzYzAuMDYzLTAuMDI2LDAuMDA4LDAuMDIzLDAuMDYtMC4wMDEgICBjOC42MzktMy41MDksMTMuNTAxLTguMjA0LDE1LjQxMS0xMS43NzVjMS4xNDUtMi4xMjksMC4yMDYtMi43ODQtMC42NTktMi45NzZjLTAuMzE3LTAuMDM4LTAuNjM0LTAuMDYyLTAuOTEyLTAuMDYyICAgYy0wLjIwNSwwLTAuMzc5LDAuMDEtMC41MjgsMC4wMjdsLTMuMTQzLDEuMjE0QzgzLjczMiw1My45MjYsNzMuMjE4LDU1LjUsNjEuMjIsNTUuNWMtMC4wMDIsMC0wLjAwNSwwLTAuMDA1LDAgICBjLTE1LjEyOCwwLTI5LjEwMS0yLjQzMi0zNi4wODMtMy43NzFsLTAuMTczLTAuMTExbC0wLjE2LTAuMTI2Yy01Ljg1OC0yLjY4MS01LjEzNy0xMC4yMDItNS4xMDMtMTAuNTE5bDAuMDYtMC4zICAgYzAuODk1LTIuODM4LDIuNDY3LTYuMzUyLDUuMjEzLTkuNzE5Yy0xLjgwOC0xLjM2OS00LjU5LTQuMTg4LTQuNDMtOC40OTRjMC4wNDYtMS4yNDQtMC40ODYtMi41MDgtMS40OTgtMy41NTkgICBjLTEuNDk4LTEuNTU1LTMuNzg1LTIuNDQ2LTYuMjc0LTIuNDQ2Yy0xLjc3LDAtMy41NTMsMC40NDItNS4yOTMsMS4zMTRjLTQuMDYxLDIuMDM1LTQuODU1LDQuNzM2LTUuNjkyLDcuNTk2ICAgYy0wLjEzNiwwLjQ2OC0wLjI4NCwwLjkzOS0wLjQzOCwxLjQxYy0wLjAwNiwwLjAxOS0wLjAyMiwwLjAzNS0wLjAyOCwwLjA1NkMwLjgzMywyOC40MjMsMS42OTEsMjguMzksMi4wOCwyOC4zMDh6IE0xMC40OTMsMTkuOTA4ICAgYzEuOTU2LDAsMy41NDgsMS41OTEsMy41NDgsMy41NDdjMCwxLjk1Ny0xLjU5MiwzLjU0OC0zLjU0OCwzLjU0OGMtMS45NTcsMC0zLjU0OC0xLjU5Mi0zLjU0OC0zLjU0OCAgIEM2Ljk0NCwyMS40OTksOC41MzYsMTkuOTA4LDEwLjQ5MywxOS45MDh6Ij48L3BhdGg+PC9nPjwvc3ZnPg=="};exports.default=_default},87:function(module,__webpack_exports__,__webpack_require__){"use strict";var _modules_AccessibilityUtil__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(273),_modules_createDOMProps__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(269),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);__webpack_exports__.a=function createElement(component,props){var accessibilityComponent;component&&component.constructor===String&&(accessibilityComponent=_modules_AccessibilityUtil__WEBPACK_IMPORTED_MODULE_0__.a.propsToAccessibilityComponent(props));for(var Component=accessibilityComponent||component,domProps=Object(_modules_createDOMProps__WEBPACK_IMPORTED_MODULE_1__.a)(Component,props),_len=arguments.length,children=new Array(_len>2?_len-2:0),_key=2;_key<_len;_key++)children[_key-2]=arguments[_key];return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement.apply(react__WEBPACK_IMPORTED_MODULE_2___default.a,[Component,domProps].concat(children))}},88:function(module,__webpack_exports__,__webpack_require__){"use strict";var _exports_UIManager__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(81),TextInputState={_currentlyFocusedNode:null,currentlyFocusedField:function currentlyFocusedField(){return document.activeElement!==this._currentlyFocusedNode&&(this._currentlyFocusedNode=null),this._currentlyFocusedNode},focusTextInput:function focusTextInput(textFieldNode){null!==textFieldNode&&(this._currentlyFocusedNode=textFieldNode,document.activeElement!==textFieldNode&&_exports_UIManager__WEBPACK_IMPORTED_MODULE_0__.a.focus(textFieldNode))},blurTextInput:function blurTextInput(textFieldNode){null!==textFieldNode&&(this._currentlyFocusedNode=null,document.activeElement===textFieldNode&&_exports_UIManager__WEBPACK_IMPORTED_MODULE_0__.a.blur(textFieldNode))}};__webpack_exports__.a=TextInputState},9:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_createElement__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(87),_StyleSheet_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(100),_modules_pick__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(122),_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(70),_hooks_useElementLayout__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(159),_hooks_usePlatformMethods__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(160),_hooks_useResponderEvents__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(164),_StyleSheet__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(4),_TextAncestorContext__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(140),forwardPropsList={accessibilityLabel:!0,accessibilityLiveRegion:!0,accessibilityRole:!0,accessibilityState:!0,accessibilityValue:!0,accessible:!0,children:!0,classList:!0,dir:!0,importantForAccessibility:!0,lang:!0,nativeID:!0,onBlur:!0,onClick:!0,onClickCapture:!0,onContextMenu:!0,onFocus:!0,onKeyDown:!0,onKeyUp:!0,onTouchCancel:!0,onTouchCancelCapture:!0,onTouchEnd:!0,onTouchEndCapture:!0,onTouchMove:!0,onTouchMoveCapture:!0,onTouchStart:!0,onTouchStartCapture:!0,pointerEvents:!0,ref:!0,style:!0,testID:!0,dataSet:!0,onMouseDown:!0,onMouseEnter:!0,onMouseLeave:!0,onMouseMove:!0,onMouseOver:!0,onMouseOut:!0,onMouseUp:!0,onScroll:!0,onWheel:!0,href:!0,rel:!0,target:!0},Text=Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,forwardedRef){var dir=props.dir,numberOfLines=props.numberOfLines,onClick=props.onClick,onLayout=props.onLayout,onPress=props.onPress,onMoveShouldSetResponder=props.onMoveShouldSetResponder,onMoveShouldSetResponderCapture=props.onMoveShouldSetResponderCapture,onResponderEnd=props.onResponderEnd,onResponderGrant=props.onResponderGrant,onResponderMove=props.onResponderMove,onResponderReject=props.onResponderReject,onResponderRelease=props.onResponderRelease,onResponderStart=props.onResponderStart,onResponderTerminate=props.onResponderTerminate,onResponderTerminationRequest=props.onResponderTerminationRequest,onScrollShouldSetResponder=props.onScrollShouldSetResponder,onScrollShouldSetResponderCapture=props.onScrollShouldSetResponderCapture,onSelectionChangeShouldSetResponder=props.onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture=props.onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder=props.onStartShouldSetResponder,onStartShouldSetResponderCapture=props.onStartShouldSetResponderCapture,selectable=props.selectable,hasTextAncestor=Object(react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_TextAncestorContext__WEBPACK_IMPORTED_MODULE_9__.a),hostRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),setRef=Object(_modules_setAndForwardRef__WEBPACK_IMPORTED_MODULE_4__.a)({getForwardedRef:function getForwardedRef(){return forwardedRef},setLocalRef:function setLocalRef(hostNode){hostRef.current=hostNode}}),classList=[classes.text,!0===hasTextAncestor&&classes.textHasAncestor,1===numberOfLines&&classes.textOneLine,null!=numberOfLines&&numberOfLines>1&&classes.textMultiLine],style=[props.style,null!=numberOfLines&&numberOfLines>1&&{WebkitLineClamp:numberOfLines},!1===selectable&&styles.notSelectable,onPress&&styles.pressable];Object(_hooks_useElementLayout__WEBPACK_IMPORTED_MODULE_5__.a)(hostRef,onLayout),Object(_hooks_useResponderEvents__WEBPACK_IMPORTED_MODULE_7__.a)(hostRef,{onMoveShouldSetResponder:onMoveShouldSetResponder,onMoveShouldSetResponderCapture:onMoveShouldSetResponderCapture,onResponderEnd:onResponderEnd,onResponderGrant:onResponderGrant,onResponderMove:onResponderMove,onResponderReject:onResponderReject,onResponderRelease:onResponderRelease,onResponderStart:onResponderStart,onResponderTerminate:onResponderTerminate,onResponderTerminationRequest:onResponderTerminationRequest,onScrollShouldSetResponder:onScrollShouldSetResponder,onScrollShouldSetResponderCapture:onScrollShouldSetResponderCapture,onSelectionChangeShouldSetResponder:onSelectionChangeShouldSetResponder,onSelectionChangeShouldSetResponderCapture:onSelectionChangeShouldSetResponderCapture,onStartShouldSetResponder:onStartShouldSetResponder,onStartShouldSetResponderCapture:onStartShouldSetResponderCapture});var component=hasTextAncestor?"span":"div",supportedProps=function pickProps(props){return Object(_modules_pick__WEBPACK_IMPORTED_MODULE_3__.a)(props,forwardPropsList)}(props);supportedProps.classList=classList,supportedProps.dir=dir,hasTextAncestor||(supportedProps.dir=null!=dir?dir:"auto"),supportedProps.onClick=function handleClick(e){null!=onClick&&onClick(e),null==onClick&&null!=onPress&&(e.stopPropagation(),onPress(e))},supportedProps.ref=setRef,supportedProps.style=style,Object(_hooks_usePlatformMethods__WEBPACK_IMPORTED_MODULE_6__.a)(hostRef,supportedProps);var element=Object(_createElement__WEBPACK_IMPORTED_MODULE_1__.a)(component,supportedProps);return hasTextAncestor?element:react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TextAncestorContext__WEBPACK_IMPORTED_MODULE_9__.a.Provider,{value:!0},element)}));Text.displayName="Text";var classes=_StyleSheet_css__WEBPACK_IMPORTED_MODULE_2__.a.create({text:{border:"0 solid black",boxSizing:"border-box",color:"black",display:"inline",font:"14px System",margin:0,padding:0,whiteSpace:"pre-wrap",wordWrap:"break-word"},textHasAncestor:{color:"inherit",font:"inherit",whiteSpace:"inherit"},textOneLine:{maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},textMultiLine:{display:"-webkit-box",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",WebkitBoxOrient:"vertical"}}),styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_8__.default.create({notSelectable:{userSelect:"none"},pressable:{cursor:"pointer"}});__webpack_exports__.default=Text},99:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),_createElement__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(87),_modules_multiplyStyleLengthValue__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(167),_StyleSheet__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(4),_View__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(3);function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}var emptyObject={},thumbDefaultBoxShadow="0px 1px 3px rgba(0,0,0,0.5)",thumbFocusedBoxShadow=thumbDefaultBoxShadow+", 0 0 0 10px rgba(0,0,0,0.1)",Switch=Object(react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function(props,forwardedRef){var accessibilityLabel=props.accessibilityLabel,_props$activeThumbCol=props.activeThumbColor,activeThumbColor=void 0===_props$activeThumbCol?"#009688":_props$activeThumbCol,_props$activeTrackCol=props.activeTrackColor,activeTrackColor=void 0===_props$activeTrackCol?"#A3D3CF":_props$activeTrackCol,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,onValueChange=props.onValueChange,_props$style=props.style,style=void 0===_props$style?emptyObject:_props$style,_props$thumbColor=props.thumbColor,thumbColor=void 0===_props$thumbColor?"#FAFAFA":_props$thumbColor,_props$trackColor=props.trackColor,trackColor=void 0===_props$trackColor?"#939393":_props$trackColor,_props$value=props.value,value=void 0!==_props$value&&_props$value,other=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(props,["accessibilityLabel","activeThumbColor","activeTrackColor","disabled","onValueChange","style","thumbColor","trackColor","value"]),thumbRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);function handleFocusState(event){var boxShadow="focus"===event.nativeEvent.type?thumbFocusedBoxShadow:thumbDefaultBoxShadow;null!=thumbRef.current&&(thumbRef.current.style.boxShadow=boxShadow)}var _StyleSheet$flatten=_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.flatten(style),styleHeight=_StyleSheet$flatten.height,styleWidth=_StyleSheet$flatten.width,height=styleHeight||20,minWidth=Object(_modules_multiplyStyleLengthValue__WEBPACK_IMPORTED_MODULE_2__.a)(height,2),width=styleWidth>minWidth?styleWidth:minWidth,trackBorderRadius=Object(_modules_multiplyStyleLengthValue__WEBPACK_IMPORTED_MODULE_2__.a)(height,.5),trackCurrentColor=!0===value?null!=trackColor&&"object"==typeof trackColor?trackColor.true:activeTrackColor:null!=trackColor&&"object"==typeof trackColor?trackColor.false:trackColor,thumbCurrentColor=value?activeThumbColor:thumbColor,thumbHeight=height,thumbWidth=thumbHeight,rootStyle=[styles.root,style,disabled&&styles.cursorDefault,{height:height,width:width}],trackStyle=[styles.track,{backgroundColor:disabled?"#D5D5D5":trackCurrentColor,borderRadius:trackBorderRadius}],thumbStyle=[styles.thumb,value&&styles.thumbActive,{backgroundColor:disabled?"#BDBDBD":thumbCurrentColor,height:thumbHeight,marginStart:value?Object(_modules_multiplyStyleLengthValue__WEBPACK_IMPORTED_MODULE_2__.a)(thumbWidth,-1):0,width:thumbWidth}],nativeControl=Object(_createElement__WEBPACK_IMPORTED_MODULE_1__.a)("input",{accessibilityLabel:accessibilityLabel,checked:value,disabled:disabled,onBlur:handleFocusState,onChange:function handleChange(event){null!=onValueChange&&onValueChange(event.nativeEvent.target.checked)},onFocus:handleFocusState,ref:forwardedRef,style:[styles.nativeControl,styles.cursorInherit],type:"checkbox"});return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_4__.default,_extends({},other,{style:rootStyle}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_4__.default,{style:trackStyle}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(_View__WEBPACK_IMPORTED_MODULE_4__.default,{ref:thumbRef,style:thumbStyle}),nativeControl)}));Switch.displayName="Switch";var styles=_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.create({root:{cursor:"pointer",userSelect:"none"},cursorDefault:{cursor:"default"},cursorInherit:{cursor:"inherit"},track:_objectSpread({},_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.absoluteFillObject,{height:"70%",margin:"auto",transitionDuration:"0.1s",width:"100%"}),thumb:{alignSelf:"flex-start",borderRadius:"100%",boxShadow:thumbDefaultBoxShadow,start:"0%",transform:[{translateZ:0}],transitionDuration:"0.1s"},thumbActive:{start:"100%"},nativeControl:_objectSpread({},_StyleSheet__WEBPACK_IMPORTED_MODULE_3__.default.absoluteFillObject,{height:"100%",margin:0,opacity:0,padding:0,width:"100%"})});__webpack_exports__.default=Switch}},[[549,1,2]]]);
//# sourceMappingURL=main.a9d58c44021e8522dd5e.bundle.js.map
Reference in New Issue View Git Blame Copy Permalink