native-forms-test/Forms/components/Toast/ToastWrapper.js

Build your own forms, surveys and polls for your React Native apps.

var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var React=_interopRequireWildcard(require("react")),_Toast=require("./Toast"),_reactNative=require("react-native"),_Dimensions$get=_reactNative.Dimensions.get("window"),width=_Dimensions$get.width,ToastWrapper=function(a){var b=a.verticalPosition,c=a.horizontalPosition,d=a.toasts,e=a.children,f=a.margin,g={margin:f||0};switch(c){case"center":var h="web"===_reactNative.Platform.OS?window.innerWidth:width;g.left=h/2-160;break;case"left":g.left=5;break;case"right":g.right=5;break;default:}switch(b){case"top":var i="web"===_reactNative.Platform.OS&&500>=window.innerWidth?67:20;(window.ReactNativeWebView||window.INTERCOM)&&(i=20),g.top=i;break;case"bottom":g.bottom=20;break;default:}return React.createElement(_reactNative.View,{style:[styles.container,g]},e,d.map(function(a){var b=a.id,c=a.variant,d=a.content,e=a.onClose,f=a.removable,g=a.action;return React.createElement(_Toast.Toast,{key:b,variant:c,onClose:e,removable:f,action:g},d)}))},styles=_reactNative.StyleSheet.create({container:{display:"flex",flexDirection:"column",alignItems:"center",zIndex:2e4,position:"web"===_reactNative.Platform.OS?"fixed":"absolute"}});ToastWrapper.defaultProps={toasts:[],block:!1,verticalPosition:"top",horizontalPosition:"center"};var _default=ToastWrapper;exports.default=_default;