apeman-react-toast/doc/demo/demo.component.js

apeman react package for toast components.

'use strict';var _react=require('react');var _react2=_interopRequireDefault(_react);var _ap_toast=require('../../lib/ap_toast');var _ap_toast2=_interopRequireDefault(_ap_toast);var _ap_info_toast=require('../../lib/ap_info_toast');var _ap_info_toast2=_interopRequireDefault(_ap_info_toast);var _ap_warn_toast=require('../../lib/ap_warn_toast');var _ap_warn_toast2=_interopRequireDefault(_ap_warn_toast);var _ap_error_toast=require('../../lib/ap_error_toast');var _ap_error_toast2=_interopRequireDefault(_ap_error_toast);var _ap_toast_group=require('../../lib/ap_toast_group');var _ap_toast_group2=_interopRequireDefault(_ap_toast_group);var _apemanReactBasic=require('apeman-react-basic');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var DISMISS_DURATION=20*1000;var Demo=_react2.default.createClass({displayName:'Demo',getInitialState:function getInitialState(){return {message:'Demo message 1',count:0}},render:function render(){var s=this,state=s.state;return _react2.default.createElement('div',null,_react2.default.createElement('div',{style:{textAlign:'center'}},_react2.default.createElement(_apemanReactBasic.ApButton,{onTap:s.showToast},'Show toasts')),_react2.default.createElement(_ap_toast_group2.default,null,_react2.default.createElement(_ap_toast2.default,{message:state.message,duration:DISMISS_DURATION}),_react2.default.createElement(_ap_info_toast2.default,{message:state.message,duration:DISMISS_DURATION}),_react2.default.createElement(_ap_warn_toast2.default,{message:state.message,duration:DISMISS_DURATION}),_react2.default.createElement(_ap_error_toast2.default,{message:state.message,duration:DISMISS_DURATION})))},showToast:function showToast(){var s=this,state=s.state;s.setState({message:'Demo message '+state.count,count:state.count+1})}});module.exports=Demo;
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRlbW8uY29tcG9uZW50LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtd0JBV0EsSUFBTSxpQkFBbUIsR0FBSyxJQUFMLENBQ3pCLElBQUksS0FBTyxnQkFBTSxXQUFOLENBQWtCLG9CQUN6QiwwQ0FBa0IsQ0FDZCxPQUFPLENBQ0gsUUFBUyxnQkFBVCxDQUNBLE1BQU8sQ0FBUCxDQUZKLENBRGMsQ0FNbEIsd0JBQVMsQ0FDTCxJQUFJLEVBQUksSUFBSixDQUNBLE1BQVEsRUFBRSxLQUFGLENBRlAsT0FJRCx5Q0FDSSxxQ0FBSyxNQUFPLENBQUMsVUFBVSxRQUFWLENBQVIsQ0FBTCxDQUNJLDBEQUFVLE1BQU8sRUFBRSxTQUFGLENBQWpCLGVBREosQ0FESixDQUlJLDREQUNJLGtEQUFTLFFBQVMsTUFBTSxPQUFOLENBQWUsU0FBVSxnQkFBVixDQUFqQyxDQURKLENBRUksdURBQWEsUUFBUyxNQUFNLE9BQU4sQ0FBZSxTQUFVLGdCQUFWLENBQXJDLENBRkosQ0FHSSx1REFBYSxRQUFTLE1BQU0sT0FBTixDQUFlLFNBQVUsZ0JBQVYsQ0FBckMsQ0FISixDQUlJLHdEQUFjLFFBQVMsTUFBTSxPQUFOLENBQWUsU0FBVSxnQkFBVixDQUF0QyxDQUpKLENBSkosQ0FESixDQUhLLENBaUJULDhCQUFZLENBQ1IsSUFBSSxFQUFJLElBQUosQ0FDQSxNQUFRLEVBQUUsS0FBRixDQUZKLENBSVIsQ0FBRSxRQUFGLENBQVcsQ0FDUCx3QkFBeUIsTUFBTSxLQUFOLENBQ3pCLE1BQU8sTUFBTSxLQUFOLENBQWMsQ0FBZCxDQUZYLEVBSlEsQ0F4QkwsQ0FBUCxDQW1DSixPQUFPLE9BQVAsQ0FBaUIsSUFBakIiLCJmaWxlIjoiZGVtby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL29rdW5pc2hpbmlzaGkvUHJvamVjdHMvYXBlbWFuLXByb2plY3RzL2FwZW1hbi1yZWFjdC10b2FzdC9kb2MvZGVtbyIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5pbXBvcnQgUmVhY3QsIHtQcm9wVHlwZXMgYXMgdHlwZXN9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IEFwVG9hc3QgZnJvbSAnLi4vLi4vbGliL2FwX3RvYXN0JztcbmltcG9ydCBBcEluZm9Ub2FzdCBmcm9tICcuLi8uLi9saWIvYXBfaW5mb190b2FzdCc7XG5pbXBvcnQgQXBXYXJuVG9hc3QgZnJvbSAnLi4vLi4vbGliL2FwX3dhcm5fdG9hc3QnO1xuaW1wb3J0IEFwRXJyb3JUb2FzdCBmcm9tICcuLi8uLi9saWIvYXBfZXJyb3JfdG9hc3QnO1xuaW1wb3J0IEFwVG9hc3RHcm91cCBmcm9tICcuLi8uLi9saWIvYXBfdG9hc3RfZ3JvdXAnO1xuaW1wb3J0IHtBcEJ1dHRvbn0gZnJvbSAnYXBlbWFuLXJlYWN0LWJhc2ljJztcblxuY29uc3QgRElTTUlTU19EVVJBVElPTiA9IDIwICogMTAwMDtcbmxldCBEZW1vID0gUmVhY3QuY3JlYXRlQ2xhc3Moe1xuICAgIGdldEluaXRpYWxTdGF0ZSgpIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIG1lc3NhZ2U6IFwiRGVtbyBtZXNzYWdlIDFcIixcbiAgICAgICAgICAgIGNvdW50OiAwXG4gICAgICAgIH1cbiAgICB9LFxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgbGV0IHMgPSB0aGlzLFxuICAgICAgICAgICAgc3RhdGUgPSBzLnN0YXRlO1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXt7dGV4dEFsaWduOidjZW50ZXInfX0+XG4gICAgICAgICAgICAgICAgICAgIDxBcEJ1dHRvbiBvblRhcD17cy5zaG93VG9hc3R9PlNob3cgdG9hc3RzPC9BcEJ1dHRvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8QXBUb2FzdEdyb3VwPlxuICAgICAgICAgICAgICAgICAgICA8QXBUb2FzdCBtZXNzYWdlPXtzdGF0ZS5tZXNzYWdlfSBkdXJhdGlvbj17RElTTUlTU19EVVJBVElPTn0vPlxuICAgICAgICAgICAgICAgICAgICA8QXBJbmZvVG9hc3QgbWVzc2FnZT17c3RhdGUubWVzc2FnZX0gZHVyYXRpb249e0RJU01JU1NfRFVSQVRJT059Lz5cbiAgICAgICAgICAgICAgICAgICAgPEFwV2FyblRvYXN0IG1lc3NhZ2U9e3N0YXRlLm1lc3NhZ2V9IGR1cmF0aW9uPXtESVNNSVNTX0RVUkFUSU9OfS8+XG4gICAgICAgICAgICAgICAgICAgIDxBcEVycm9yVG9hc3QgbWVzc2FnZT17c3RhdGUubWVzc2FnZX0gZHVyYXRpb249e0RJU01JU1NfRFVSQVRJT059Lz5cbiAgICAgICAgICAgICAgICA8L0FwVG9hc3RHcm91cD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICApO1xuICAgIH0sXG4gICAgc2hvd1RvYXN0KCkge1xuICAgICAgICBsZXQgcyA9IHRoaXMsXG4gICAgICAgICAgICBzdGF0ZSA9IHMuc3RhdGU7XG5cbiAgICAgICAgcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICBtZXNzYWdlOiBgRGVtbyBtZXNzYWdlICR7c3RhdGUuY291bnR9YCxcbiAgICAgICAgICAgIGNvdW50OiBzdGF0ZS5jb3VudCArIDFcbiAgICAgICAgfSlcbiAgICB9XG59KTtcblxubW9kdWxlLmV4cG9ydHMgPSBEZW1vOyJdfQ==