emoji-mart-native/dist/components/picker/modal-picker.js

Customizable Slack-like emoji picker for React Native

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNative=require("react-native");var _all=_interopRequireDefault(require("../../../data/all.json"));var _nimblePicker=_interopRequireDefault(require("./nimble-picker"));var _sharedProps=require("../../utils/shared-props");var _sharedDefaultProps=require("../../utils/shared-default-props");function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2["default"])(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2["default"])(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2["default"])(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}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){(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 styles=_reactNative.StyleSheet.create({emojiMartBackdrop:_objectSpread({backgroundColor:'rgba(0, 0, 0, 0.5)'},_reactNative.StyleSheet.absoluteFillObject),emojiMartPickerContainer:_objectSpread({flexDirection:'column',alignItems:'center',justifyContent:'center'},_reactNative.StyleSheet.absoluteFillObject)});var ModalPicker=function(_React$PureComponent){(0,_inherits2["default"])(ModalPicker,_React$PureComponent);var _super=_createSuper(ModalPicker);function ModalPicker(){(0,_classCallCheck2["default"])(this,ModalPicker);return _super.apply(this,arguments);}(0,_createClass2["default"])(ModalPicker,[{key:"render",value:function render(){var _this$props=this.props,onPressClose=_this$props.onPressClose,isVisible=_this$props.isVisible;if(!isVisible){return null;}return _react["default"].createElement(_reactNative.Modal,{transparent:true,onRequestClose:onPressClose,visible:isVisible},_react["default"].createElement(_reactNative.View,{style:styles.emojiMartPickerContainer},_react["default"].createElement(_reactNative.TouchableWithoutFeedback,{onPress:onPressClose,style:styles.emojiMartBackdrop},_react["default"].createElement(_reactNative.View,{style:styles.emojiMartBackdrop})),_react["default"].createElement(_nimblePicker["default"],(0,_extends2["default"])({showCloseButton:true},this.props,this.state))));}}]);return ModalPicker;}(_react["default"].PureComponent);exports["default"]=ModalPicker;(0,_defineProperty2["default"])(ModalPicker,"propTypes",_objectSpread({},_sharedProps.PickerPropTypes,{isVisible:_propTypes["default"].bool}));(0,_defineProperty2["default"])(ModalPicker,"defaultProps",_objectSpread({},_sharedDefaultProps.PickerDefaultProps,{data:_all["default"],isVisible:false}));