├── .gitignore ├── LICENSE ├── README.md ├── components ├── modal │ ├── dialog │ │ ├── alert.js │ │ ├── confirm.js │ │ └── prompt.js │ ├── icons.js │ ├── index.css │ ├── index.js │ └── modal.js └── toast │ ├── icons.js │ ├── index.js │ ├── notice.js │ ├── notification.js │ ├── toast.css │ └── toast.js ├── dist ├── modal │ ├── asset-manifest.json │ ├── favicon.ico │ ├── index.html │ ├── manifest.json │ ├── service-worker.js │ └── static │ │ ├── css │ │ ├── main.1a30c3a6.css │ │ └── main.1a30c3a6.css.map │ │ └── js │ │ ├── main.7c0201c0.js │ │ └── main.7c0201c0.js.map └── toast │ ├── asset-manifest.json │ ├── favicon.ico │ ├── index.html │ ├── manifest.json │ ├── service-worker.js │ └── static │ ├── css │ ├── main.599a7644.css │ └── main.599a7644.css.map │ └── js │ ├── main.84edd08e.js │ └── main.84edd08e.js.map └── docs ├── modal.md └── toast.md /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (https://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # TypeScript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | # next.js build output 61 | .next 62 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2018 clancysong 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Components 2 | 3 | 基于React的通用组件 4 | 5 | ## 文档索引 6 | 7 | - [轻量级信息提示组件 Toast](https://github.com/clancysong/react-components/blob/master/docs/toast.md) 8 | - [全局对话框组件 Modal](https://github.com/clancysong/react-components/blob/master/docs/modal.md) 9 | -------------------------------------------------------------------------------- /components/modal/dialog/alert.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | 3 | class Alert extends Component { 4 | render() { 5 | const { contentText, onOk } = this.props 6 | return ( 7 |
8 |

{contentText}

9 | 14 |
15 | ) 16 | } 17 | } 18 | 19 | export default Alert -------------------------------------------------------------------------------- /components/modal/dialog/confirm.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | 3 | class Confirm extends Component { 4 | render() { 5 | const { contentText, onOk, onCancel } = this.props 6 | return ( 7 |
8 |

{contentText}

9 |
10 | 15 | 20 |
21 |
22 | ) 23 | } 24 | } 25 | 26 | export default Confirm -------------------------------------------------------------------------------- /components/modal/dialog/prompt.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | 3 | class Prompt extends Component { 4 | constructor() { 5 | super() 6 | this.handleChange = this.handleChange.bind(this) 7 | this.state = { enterContent: '' } 8 | } 9 | 10 | handleChange(event) { 11 | this.setState({ enterContent: event.target.value }) 12 | } 13 | 14 | render() { 15 | const { contentText, onOk, onCancel } = this.props 16 | const { enterContent } = this.state 17 | return ( 18 |
19 |

{contentText}

20 | 21 |
22 | 27 | 32 |
33 |
34 | ) 35 | } 36 | } 37 | 38 | export default Prompt -------------------------------------------------------------------------------- /components/modal/icons.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | (function(window){var svgSprite='';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window) 3 | /* eslint-enable */ -------------------------------------------------------------------------------- /components/modal/index.css: -------------------------------------------------------------------------------- 1 | .modal { 2 | position: fixed; 3 | top: 0; 4 | left: 0; 5 | right: 0; 6 | bottom: 0; 7 | background: rgba(0, 0, 0, .4); 8 | display: flex; 9 | flex-direction: column; 10 | align-items: center; 11 | z-index: 10; 12 | } 13 | 14 | .modal .icon { 15 | width: 1em; 16 | height: 1em; 17 | vertical-align: -0.15em; 18 | fill: currentColor; 19 | overflow: hidden; 20 | } 21 | 22 | .modal button { 23 | background: transparent; 24 | border: none; 25 | outline: none; 26 | cursor: pointer; 27 | } 28 | 29 | .modal .dialog { 30 | background: #FFFFFF; 31 | min-width: 340px; 32 | padding: 20px 16px; 33 | margin-top: 60px; 34 | text-align: center; 35 | border-radius: 8px; 36 | box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1); 37 | } 38 | 39 | .modal .dialog>h4 { 40 | color: #454545; 41 | text-align: center; 42 | margin: 0; 43 | font-size: 17px; 44 | } 45 | 46 | .modal .dialog .button-wrapper { 47 | padding: 20px 48px 0; 48 | display: flex; 49 | justify-content: space-around; 50 | } 51 | 52 | .modal .dialog .button-wrapper>button>svg { 53 | font-size: 44px; 54 | } 55 | 56 | .modal .dialog .button-wrapper .check>svg { 57 | color: #50C881; 58 | } 59 | 60 | .modal .dialog .button-wrapper .close>svg { 61 | color: #FF5152; 62 | } 63 | 64 | .modal-alert>button { 65 | font-size: 44px; 66 | color: #50C881; 67 | margin-top: 20px; 68 | } 69 | 70 | .modal-prompt>input[type=text] { 71 | font-size: 18px; 72 | margin: 16px 40px 0; 73 | padding: 10px 20px; 74 | border: none; 75 | outline: none; 76 | background: rgba(0, 0, 0, .02); 77 | border-radius: 4px; 78 | } 79 | 80 | .dialog-wrapper-enter { 81 | opacity: 0.01; 82 | transform: translateY(-30%); 83 | } 84 | 85 | .dialog-wrapper-enter-active { 86 | opacity: 1; 87 | transform: translateY(0); 88 | transition: all 300ms; 89 | } 90 | 91 | .dialog-wrapper-exit { 92 | opacity: 1; 93 | transform: translateY(0); 94 | } 95 | 96 | .dialog-wrapper-exit-active { 97 | opacity: 0.01; 98 | transform: translateY(-30%); 99 | transition: all 300ms; 100 | } 101 | 102 | .modal-wrapper-enter { 103 | background: rgba(0, 0, 0, 0); 104 | } 105 | 106 | .modal-wrapper-enter-active { 107 | background: rgba(0, 0, 0, .4); 108 | transition: all 300ms ease-out; 109 | } 110 | 111 | .modal-wrapper-exit { 112 | background: rgba(0, 0, 0, .4); 113 | } 114 | 115 | .modal-wrapper-exit-active { 116 | background: rgba(0, 0, 0, 0); 117 | transition: all 300ms ease-out; 118 | } -------------------------------------------------------------------------------- /components/modal/index.js: -------------------------------------------------------------------------------- 1 | import Modal from './modal' 2 | import './icons' 3 | import './index.css' 4 | 5 | export default Modal -------------------------------------------------------------------------------- /components/modal/modal.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import ReactDOM from 'react-dom' 3 | import { CSSTransition } from 'react-transition-group' 4 | import Alert from './dialog/alert' 5 | import Confirm from './dialog/confirm' 6 | import Prompt from './dialog/prompt' 7 | 8 | const DialogTypes = { 9 | ALERT: 'alert', 10 | CONFIRM: 'confirm', 11 | PROMPT: 'prompt' 12 | } 13 | 14 | class Modal extends Component { 15 | constructor() { 16 | super() 17 | this.onClose = this.onClose.bind(this) 18 | this.transitionTime = 300 19 | this.state = { showDialog: false } 20 | } 21 | 22 | componentDidMount() { 23 | this.setState({ showDialog: true }) 24 | } 25 | 26 | onClose(confirm, data) { 27 | const { onOk, onCancel, removeDialog } = this.props 28 | if (confirm && onOk) onOk(data) 29 | else if (onCancel) onCancel() 30 | setTimeout(removeDialog, this.transitionTime) 31 | this.setState({ showDialog: false }) 32 | } 33 | 34 | renderDialogForType(type, props) { 35 | switch (type) { 36 | case DialogTypes.ALERT: 37 | return 38 | case DialogTypes.CONFIRM: 39 | return 40 | case DialogTypes.PROMPT: 41 | return 42 | default: 43 | throw new Error('dialog type error') 44 | } 45 | } 46 | 47 | render() { 48 | const { type, contentText } = this.props 49 | const { onClose } = this 50 | const { showDialog } = this.state 51 | return ( 52 | 57 |
58 | 63 | { 64 | this.renderDialogForType(type, { 65 | contentText, 66 | onOk(data) { onClose(true, data) }, 67 | onCancel() { onClose(false) }, 68 | }) 69 | } 70 | 71 |
72 |
73 | ) 74 | } 75 | } 76 | 77 | function popupDialog(params) { 78 | const div = document.createElement('div') 79 | document.body.appendChild(div) 80 | ReactDOM.render( { 83 | ReactDOM.unmountComponentAtNode(div) 84 | document.body.removeChild(div) 85 | }} 86 | />, div) 87 | } 88 | 89 | export default { 90 | alert(params) { 91 | popupDialog({ type: DialogTypes.ALERT, ...params }) 92 | }, 93 | confirm(params) { 94 | popupDialog({ type: DialogTypes.CONFIRM, ...params }) 95 | }, 96 | prompt(params) { 97 | popupDialog({ type: DialogTypes.PROMPT, ...params }) 98 | } 99 | } -------------------------------------------------------------------------------- /components/toast/icons.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable */ 2 | (function(window){var svgSprite='';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window) 3 | /* eslint-enable */ -------------------------------------------------------------------------------- /components/toast/index.js: -------------------------------------------------------------------------------- 1 | import Toast from './toast' 2 | import './icons' 3 | 4 | export default Toast -------------------------------------------------------------------------------- /components/toast/notice.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | 3 | class Notice extends Component { 4 | render() { 5 | const icons = { 6 | info: 'icon-info-circle-fill', 7 | success: 'icon-check-circle-fill', 8 | warning: 'icon-warning-circle-fill', 9 | error: 'icon-close-circle-fill', 10 | loading: 'icon-loading' 11 | } 12 | const { type, content } = this.props 13 | return ( 14 |
15 | 18 | {content} 19 |
20 | ) 21 | } 22 | } 23 | 24 | export default Notice -------------------------------------------------------------------------------- /components/toast/notification.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react' 2 | import ReactDOM from 'react-dom' 3 | import { CSSTransition, TransitionGroup } from 'react-transition-group' 4 | import Notice from './notice' 5 | 6 | class Notification extends Component { 7 | constructor() { 8 | super() 9 | this.transitionTime = 300 10 | this.state = { notices: [] } 11 | this.removeNotice = this.removeNotice.bind(this) 12 | } 13 | 14 | getNoticeKey() { 15 | const { notices } = this.state 16 | return `notice-${new Date().getTime()}-${notices.length}` 17 | } 18 | 19 | addNotice(notice) { 20 | const { notices } = this.state 21 | notice.key = this.getNoticeKey() 22 | if (notices.every(item => item.key !== notice.key)) { 23 | if (notices.length > 0 && notices[notices.length - 1].type === 'loading') { 24 | notices.push(notice) 25 | setTimeout(() => { 26 | this.setState({ notices }) 27 | }, this.transitionTime) 28 | } else { 29 | notices.push(notice) 30 | this.setState({ notices }) 31 | } 32 | if (notice.duration > 0) { 33 | setTimeout(() => { 34 | this.removeNotice(notice.key) 35 | }, notice.duration) 36 | } 37 | } 38 | return () => { 39 | this.removeNotice(notice.key) 40 | } 41 | } 42 | 43 | removeNotice(key) { 44 | const { notices } = this.state 45 | this.setState({ 46 | notices: notices.filter(notice => { 47 | if (notice.key === key) { 48 | if (notice.onClose) setTimeout(notice.onClose, this.transitionTime) 49 | return false 50 | } 51 | return true 52 | }) 53 | }) 54 | } 55 | 56 | render() { 57 | const { notices } = this.state 58 | return ( 59 | 60 | {notices.map(notice => ( 61 | 66 | 67 | 68 | ))} 69 | 70 | ) 71 | } 72 | } 73 | 74 | function createNotification() { 75 | const div = document.createElement('div') 76 | document.body.appendChild(div) 77 | const ref = React.createRef() 78 | ReactDOM.render(, div) 79 | return { 80 | addNotice(notice) { 81 | return ref.current.addNotice(notice) 82 | }, 83 | destroy() { 84 | ReactDOM.unmountComponentAtNode(div) 85 | document.body.removeChild(div) 86 | } 87 | } 88 | } 89 | 90 | export default createNotification() 91 | -------------------------------------------------------------------------------- /components/toast/toast.css: -------------------------------------------------------------------------------- 1 | .icon { 2 | width: 1em; 3 | height: 1em; 4 | vertical-align: -0.15em; 5 | fill: currentColor; 6 | overflow: hidden; 7 | } 8 | 9 | .toast-notification { 10 | position: fixed; 11 | top: 20px; 12 | left: 0; 13 | right: 0; 14 | display: flex; 15 | flex-direction: column; 16 | z-index: 10; 17 | } 18 | 19 | .toast-notice-wrapper.notice-enter { 20 | opacity: 0.01; 21 | transform: scale(0); 22 | } 23 | 24 | .toast-notice-wrapper.notice-enter-active { 25 | opacity: 1; 26 | transform: scale(1); 27 | transition: all 300ms ease-out; 28 | } 29 | 30 | .toast-notice-wrapper.notice-exit { 31 | opacity: 1; 32 | transform: translateY(0); 33 | } 34 | 35 | .toast-notice-wrapper.notice-exit-active { 36 | opacity: 0.01; 37 | transform: translateY(-40%); 38 | transition: all 300ms ease-out; 39 | } 40 | 41 | .toast-notice { 42 | background: #FFFFFF; 43 | padding: 16px 32px; 44 | margin: 8px auto; 45 | box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1); 46 | border-radius: 6px; 47 | color: #454545; 48 | font-size: 15px; 49 | display: flex; 50 | align-items: center; 51 | } 52 | 53 | .toast-notice>span { 54 | margin-left: 6px; 55 | line-height: 100%; 56 | } 57 | 58 | .toast-notice>svg { 59 | font-size: 18px; 60 | } 61 | 62 | .toast-notice.info>svg { 63 | color: #1890FF; 64 | } 65 | 66 | .toast-notice.success>svg { 67 | color: #52C41A; 68 | } 69 | 70 | .toast-notice.warning>svg { 71 | color: #FAAD14; 72 | } 73 | 74 | .toast-notice.error>svg { 75 | color: #F74A53; 76 | } 77 | 78 | .toast-notice.loading>svg { 79 | color: #1890FF; 80 | animation: rotating 1s linear infinite; 81 | 82 | } 83 | 84 | @keyframes rotating { 85 | 0% { 86 | transform: rotate(0); 87 | } 88 | 100% { 89 | transform: rotate(360deg); 90 | } 91 | } -------------------------------------------------------------------------------- /components/toast/toast.js: -------------------------------------------------------------------------------- 1 | import notificationDOM from './notification' 2 | import './toast.css' 3 | 4 | let notification 5 | const notice = (type, content, duration = 2000, onClose) => { 6 | if (!notification) notification = notificationDOM 7 | return notification.addNotice({ type, content, duration, onClose }) 8 | } 9 | 10 | export default { 11 | info(content, duration, onClose) { 12 | return notice('info', content, duration, onClose) 13 | }, 14 | success(content, duration, onClose) { 15 | return notice('success', content, duration, onClose) 16 | }, 17 | warning(content, duration, onClose) { 18 | return notice('warning', content, duration, onClose) 19 | }, 20 | error(content, duration, onClose) { 21 | return notice('error', content, duration, onClose) 22 | }, 23 | loading(content, duration = 0, onClose) { 24 | return notice('loading', content, duration, onClose) 25 | } 26 | } -------------------------------------------------------------------------------- /dist/modal/asset-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "main.css": "static/css/main.1a30c3a6.css", 3 | "main.css.map": "static/css/main.1a30c3a6.css.map", 4 | "main.js": "static/js/main.7c0201c0.js", 5 | "main.js.map": "static/js/main.7c0201c0.js.map" 6 | } -------------------------------------------------------------------------------- /dist/modal/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cicec/react-components/2634a6f9c5f1e516375cae9f5271e5e8684754a7/dist/modal/favicon.ico -------------------------------------------------------------------------------- /dist/modal/index.html: -------------------------------------------------------------------------------- 1 | React App
-------------------------------------------------------------------------------- /dist/modal/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /dist/modal/service-worker.js: -------------------------------------------------------------------------------- 1 | "use strict";var precacheConfig=[["./index.html","38cf5da3d81f39326abf71da3e45e203"],["./static/css/main.1a30c3a6.css","166d219a9bf7ae03b3d3200d863f0d6c"],["./static/js/main.7c0201c0.js","60787ef8fb2cffd9964033ca848916bf"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,/\.\w{8}\./);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(r){return setOfCachedUrls(r).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return r.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),r="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,r),e=urlsToCacheKeys.has(n));var a="./index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(a,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}}); -------------------------------------------------------------------------------- /dist/modal/static/css/main.1a30c3a6.css: -------------------------------------------------------------------------------- 1 | body{margin:0;padding:0;font-family:sans-serif;height:100vh;-ms-flex-pack:center;justify-content:center}.App,body{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.App{-ms-flex-direction:column;flex-direction:column}.App>button{margin:10px 0;padding:10px;width:150px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;z-index:10}.modal .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.modal button{background:transparent;border:none;outline:none;cursor:pointer}.modal .dialog{background:#fff;min-width:340px;padding:20px 16px;margin-top:60px;text-align:center;border-radius:8px;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1)}.modal .dialog>h4{color:#454545;text-align:center;margin:0;font-size:17px}.modal .dialog .button-wrapper{padding:20px 48px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.modal .dialog .button-wrapper>button>svg{font-size:44px}.modal .dialog .button-wrapper .check>svg{color:#50c881}.modal .dialog .button-wrapper .close>svg{color:#ff5152}.modal-alert>button{font-size:44px;color:#50c881;margin-top:20px}.modal-prompt>input[type=text]{font-size:18px;margin:16px 40px 0;padding:10px 20px;border:none;outline:none;background:rgba(0,0,0,.02);border-radius:4px}.dialog-wrapper-enter{opacity:.01;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%)}.dialog-wrapper-enter-active{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.dialog-wrapper-enter-active,.dialog-wrapper-exit{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.dialog-wrapper-exit-active{opacity:.01;-webkit-transform:translateY(-30%);-ms-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.modal-wrapper-enter{background:transparent}.modal-wrapper-enter-active{background:rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.modal-wrapper-exit{background:rgba(0,0,0,.4)}.modal-wrapper-exit-active{background:transparent;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out} 2 | /*# sourceMappingURL=main.1a30c3a6.css.map*/ -------------------------------------------------------------------------------- /dist/modal/static/css/main.1a30c3a6.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["index.css","components/modal/index.css"],"names":[],"mappings":"AAAA,KACE,SACA,UACA,uBACA,aAGA,qBACI,sBAAwB,CAK9B,UARE,oBACA,aAGA,sBACI,kBAAoB,CAUzB,KAJC,0BACI,qBAAuB,CAK7B,YACE,cACA,aACA,WAAa,CCzBf,OACI,eACA,MACA,OACA,QACA,SACA,0BACA,oBACA,aACA,0BACI,sBACJ,sBACI,mBACJ,UAAY,CAGhB,aACI,UACA,WACA,sBACA,kBACA,eAAiB,CAGrB,cACI,uBACA,YACA,aACA,cAAgB,CAGpB,eACI,gBACA,gBACA,kBACA,gBACA,kBACA,kBACA,gDACQ,uCAAgD,CAG5D,kBACI,cACA,kBACA,SACA,cAAgB,CAGpB,+BACI,oBACA,oBACA,aACA,yBACI,4BAA8B,CAGtC,0CACI,cAAgB,CAGpB,0CACI,aAAe,CAGnB,0CACI,aAAe,CAGnB,oBACI,eACA,cACA,eAAiB,CAGrB,+BACI,eACA,mBACA,kBACA,YACA,aACA,2BACA,iBAAmB,CAGvB,sBACI,YACA,mCACI,+BACI,0BAA4B,CAGxC,6BAKI,2BACA,sBACA,kBAAsB,CAG1B,kDATI,UACA,gCACI,4BACI,uBAAyB,CAarC,4BACI,YACA,mCACI,+BACI,2BACR,2BACA,sBACA,kBAAsB,CAG1B,qBACI,sBAA6B,CAGjC,4BACI,0BACA,oCACA,+BACA,2BAA+B,CAGnC,oBACI,yBAA8B,CAGlC,2BACI,uBACA,oCACA,+BACA,2BAA+B","file":"static/css/main.1a30c3a6.css","sourcesContent":["body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n height: 100vh;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.App {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.App>button {\n margin: 10px 0;\n padding: 10px;\n width: 150px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.css",".modal {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, .4);\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n -ms-flex-align: center;\n align-items: center;\n z-index: 10;\n}\n\n.modal .icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n\n.modal button {\n background: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n}\n\n.modal .dialog {\n background: #FFFFFF;\n min-width: 340px;\n padding: 20px 16px;\n margin-top: 60px;\n text-align: center;\n border-radius: 8px;\n -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);\n box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);\n}\n\n.modal .dialog>h4 {\n color: #454545;\n text-align: center;\n margin: 0;\n font-size: 17px;\n}\n\n.modal .dialog .button-wrapper {\n padding: 20px 48px 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n\n.modal .dialog .button-wrapper>button>svg {\n font-size: 44px;\n}\n\n.modal .dialog .button-wrapper .check>svg {\n color: #50C881;\n}\n\n.modal .dialog .button-wrapper .close>svg {\n color: #FF5152;\n}\n\n.modal-alert>button {\n font-size: 44px;\n color: #50C881;\n margin-top: 20px;\n}\n\n.modal-prompt>input[type=text] {\n font-size: 18px;\n margin: 16px 40px 0;\n padding: 10px 20px;\n border: none;\n outline: none;\n background: rgba(0, 0, 0, .02);\n border-radius: 4px;\n}\n\n.dialog-wrapper-enter {\n opacity: 0.01;\n -webkit-transform: translateY(-30%);\n -ms-transform: translateY(-30%);\n transform: translateY(-30%);\n}\n\n.dialog-wrapper-enter-active {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n -webkit-transition: all 300ms;\n -o-transition: all 300ms;\n transition: all 300ms;\n}\n\n.dialog-wrapper-exit {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n}\n\n.dialog-wrapper-exit-active {\n opacity: 0.01;\n -webkit-transform: translateY(-30%);\n -ms-transform: translateY(-30%);\n transform: translateY(-30%);\n -webkit-transition: all 300ms;\n -o-transition: all 300ms;\n transition: all 300ms;\n}\n\n.modal-wrapper-enter {\n background: rgba(0, 0, 0, 0);\n}\n\n.modal-wrapper-enter-active {\n background: rgba(0, 0, 0, .4);\n -webkit-transition: all 300ms ease-out;\n -o-transition: all 300ms ease-out;\n transition: all 300ms ease-out;\n}\n\n.modal-wrapper-exit {\n background: rgba(0, 0, 0, .4);\n}\n\n.modal-wrapper-exit-active {\n background: rgba(0, 0, 0, 0);\n -webkit-transition: all 300ms ease-out;\n -o-transition: all 300ms ease-out;\n transition: all 300ms ease-out;\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/modal/index.css"],"sourceRoot":""} -------------------------------------------------------------------------------- /dist/toast/asset-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "main.css": "static/css/main.599a7644.css", 3 | "main.css.map": "static/css/main.599a7644.css.map", 4 | "main.js": "static/js/main.84edd08e.js", 5 | "main.js.map": "static/js/main.84edd08e.js.map" 6 | } -------------------------------------------------------------------------------- /dist/toast/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cicec/react-components/2634a6f9c5f1e516375cae9f5271e5e8684754a7/dist/toast/favicon.ico -------------------------------------------------------------------------------- /dist/toast/index.html: -------------------------------------------------------------------------------- 1 | React App
-------------------------------------------------------------------------------- /dist/toast/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": "./index.html", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /dist/toast/service-worker.js: -------------------------------------------------------------------------------- 1 | "use strict";var precacheConfig=[["./index.html","253110596aadb36a067db310a4cde6a0"],["./static/css/main.599a7644.css","8311df8cf888b2473fb411d74a687d38"],["./static/js/main.84edd08e.js","a894216f579323751124b876522da9c0"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(t){return t.redirected?("body"in t?Promise.resolve(t.body):t.blob()).then(function(e){return new Response(e,{headers:t.headers,status:t.status,statusText:t.statusText})}):Promise.resolve(t)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,n){var t=new URL(e);return t.hash="",t.search=t.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(t){return n.every(function(e){return!e.test(t[0])})}).map(function(e){return e.join("=")}).join("&"),t.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,/\.\w{8}\./);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(r){return setOfCachedUrls(r).then(function(n){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(t){if(!n.has(t)){var e=new Request(t,{credentials:"same-origin"});return fetch(e).then(function(e){if(!e.ok)throw new Error("Request for "+t+" returned a response with status "+e.status);return cleanResponse(e).then(function(e){return r.put(t,e)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var n=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(t){return t.keys().then(function(e){return Promise.all(e.map(function(e){if(!n.has(e.url))return t.delete(e)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(t){if("GET"===t.request.method){var e,n=stripIgnoredUrlParameters(t.request.url,ignoreUrlParametersMatching),r="index.html";(e=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,r),e=urlsToCacheKeys.has(n));var a="./index.html";!e&&"navigate"===t.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],t.request.url)&&(n=new URL(a,self.location).toString(),e=urlsToCacheKeys.has(n)),e&&t.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(e){return console.warn('Couldn\'t serve response for "%s" from cache: %O',t.request.url,e),fetch(t.request)}))}}); -------------------------------------------------------------------------------- /dist/toast/static/css/main.599a7644.css: -------------------------------------------------------------------------------- 1 | body{margin:0;padding:0;font-family:sans-serif;height:100vh;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.App,body{display:-ms-flexbox;display:flex}.App{-ms-flex-direction:column;flex-direction:column}.App>button{margin:10px 0;padding:10px}.icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.toast-notification{position:fixed;top:20px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.toast-notice-wrapper.notice-enter{opacity:.01;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.toast-notice-wrapper.notice-enter-active{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.toast-notice-wrapper.notice-exit{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.toast-notice-wrapper.notice-exit-active{opacity:.01;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.toast-notice{background:#fff;padding:16px 32px;margin:8px auto;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.1);box-shadow:0 10px 20px 0 rgba(0,0,0,.1);border-radius:6px;color:#454545;font-size:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toast-notice>span{margin-left:6px;line-height:100%}.toast-notice>svg{font-size:18px}.toast-notice.info>svg{color:#1890ff}.toast-notice.success>svg{color:#52c41a}.toast-notice.warning>svg{color:#faad14}.toast-notice.error>svg{color:#f74a53}.toast-notice.loading>svg{color:#1890ff;-webkit-animation:rotating 1s linear infinite;animation:rotating 1s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} 2 | /*# sourceMappingURL=main.599a7644.css.map*/ -------------------------------------------------------------------------------- /dist/toast/static/css/main.599a7644.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["index.css","components/toast/toast.css"],"names":[],"mappings":"AAAA,KACE,SACA,UACA,uBACA,aAGA,qBACI,uBACJ,sBACI,kBAAoB,CAG1B,UARE,oBACA,YAAc,CAYf,KAFC,0BACI,qBAAuB,CAG7B,YACE,cACA,YAAc,CCtBhB,MACI,UACA,WACA,sBACA,kBACA,eAAiB,CAGrB,oBACI,eACA,SACA,OACA,QACA,oBACA,aACA,0BACI,qBAAuB,CAG/B,mCACI,YACA,2BACI,uBACI,kBAAoB,CAGhC,0CACI,UACA,2BACI,uBACI,mBACR,oCACA,+BACA,2BAA+B,CAGnC,kCACI,UACA,gCACI,4BACI,uBAAyB,CAGrC,yCACI,YACA,mCACI,+BACI,2BACR,oCACA,+BACA,2BAA+B,CAGnC,cACI,gBACA,kBACA,gBACA,gDACQ,wCACR,kBACA,cACA,eACA,oBACA,aACA,sBACI,kBAAoB,CAG5B,mBACI,gBACA,gBAAkB,CAGtB,kBACI,cAAgB,CAGpB,uBACI,aAAe,CAGnB,0BACI,aAAe,CAGnB,0BACI,aAAe,CAGnB,wBACI,aAAe,CAGnB,0BACI,cACA,8CACQ,qCAAuC,CAInD,4BACI,GACI,4BACQ,mBAAqB,CAEjC,GACI,gCACQ,uBAA0B,CACrC,CAGL,oBACI,GACI,4BACQ,mBAAqB,CAEjC,GACI,gCACQ,uBAA0B,CACrC","file":"static/css/main.599a7644.css","sourcesContent":["body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n height: 100vh;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.App {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.App>button {\n margin: 10px 0;\n padding: 10px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.css",".icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n\n.toast-notification {\n position: fixed;\n top: 20px;\n left: 0;\n right: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.toast-notice-wrapper.notice-enter {\n opacity: 0.01;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n}\n\n.toast-notice-wrapper.notice-enter-active {\n opacity: 1;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n -webkit-transition: all 300ms ease-out;\n -o-transition: all 300ms ease-out;\n transition: all 300ms ease-out;\n}\n\n.toast-notice-wrapper.notice-exit {\n opacity: 1;\n -webkit-transform: translateY(0);\n -ms-transform: translateY(0);\n transform: translateY(0);\n}\n\n.toast-notice-wrapper.notice-exit-active {\n opacity: 0.01;\n -webkit-transform: translateY(-40%);\n -ms-transform: translateY(-40%);\n transform: translateY(-40%);\n -webkit-transition: all 300ms ease-out;\n -o-transition: all 300ms ease-out;\n transition: all 300ms ease-out;\n}\n\n.toast-notice {\n background: #FFFFFF;\n padding: 16px 32px;\n margin: 8px auto;\n -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);\n box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);\n border-radius: 6px;\n color: #454545;\n font-size: 15px;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.toast-notice>span {\n margin-left: 6px;\n line-height: 100%;\n}\n\n.toast-notice>svg {\n font-size: 18px;\n}\n\n.toast-notice.info>svg {\n color: #1890FF;\n}\n\n.toast-notice.success>svg {\n color: #52C41A;\n}\n\n.toast-notice.warning>svg {\n color: #FAAD14;\n}\n\n.toast-notice.error>svg {\n color: #F74A53;\n}\n\n.toast-notice.loading>svg {\n color: #1890FF;\n -webkit-animation: rotating 1s linear infinite;\n animation: rotating 1s linear infinite;\n\n}\n\n@-webkit-keyframes rotating {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes rotating {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n\n// WEBPACK FOOTER //\n// ./src/components/toast/toast.css"],"sourceRoot":""} -------------------------------------------------------------------------------- /dist/toast/static/js/main.84edd08e.js: -------------------------------------------------------------------------------- 1 | !function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="./",t(t.s=12)}([function(e,t,n){"use strict";e.exports=n(20)},function(e,t,n){e.exports=n(36)()},function(e,t,n){"use strict";function r(){if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(r)}catch(e){console.error(e)}}r(),e.exports=n(21)},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,l,u=r(e),c=1;c=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function l(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function u(){}t.__esModule=!0,t.EXITING=t.ENTERED=t.ENTERING=t.EXITED=t.UNMOUNTED=void 0;var c=n(1),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(c),f=n(0),d=r(f),p=n(2),h=r(p),m=n(9),y=(n(10),t.UNMOUNTED="unmounted"),v=t.EXITED="exited",g=t.ENTERING="entering",b=t.ENTERED="entered",w=t.EXITING="exiting",E=function(e){function t(n,r){i(this,t);var o=a(this,e.call(this,n,r)),l=r.transitionGroup,u=l&&!l.isMounting?n.enter:n.appear,c=void 0;return o.appearStatus=null,n.in?u?(c=v,o.appearStatus=g):c=b:c=n.unmountOnExit||n.mountOnEnter?y:v,o.state={status:c},o.nextCallback=null,o}return l(t,e),t.prototype.getChildContext=function(){return{transitionGroup:null}},t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===y?{status:v}:null},t.prototype.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},t.prototype.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==g&&n!==b&&(t=g):n!==g&&n!==b||(t=w)}this.updateStatus(!1,t)},t.prototype.componentWillUnmount=function(){this.cancelNextCallback()},t.prototype.getTimeouts=function(){var e=this.props.timeout,t=void 0,n=void 0,r=void 0;return t=n=r=e,null!=e&&"number"!==typeof e&&(t=e.exit,n=e.enter,r=e.appear),{exit:t,enter:n,appear:r}},t.prototype.updateStatus=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments[1];if(null!==t){this.cancelNextCallback();var n=h.default.findDOMNode(this);t===g?this.performEnter(n,e):this.performExit(n)}else this.props.unmountOnExit&&this.state.status===v&&this.setState({status:y})},t.prototype.performEnter=function(e,t){var n=this,r=this.props.enter,o=this.context.transitionGroup?this.context.transitionGroup.isMounting:t,i=this.getTimeouts();if(!t&&!r)return void this.safeSetState({status:b},function(){n.props.onEntered(e)});this.props.onEnter(e,o),this.safeSetState({status:g},function(){n.props.onEntering(e,o),n.onTransitionEnd(e,i.enter,function(){n.safeSetState({status:b},function(){n.props.onEntered(e,o)})})})},t.prototype.performExit=function(e){var t=this,n=this.props.exit,r=this.getTimeouts();if(!n)return void this.safeSetState({status:v},function(){t.props.onExited(e)});this.props.onExit(e),this.safeSetState({status:w},function(){t.props.onExiting(e),t.onTransitionEnd(e,r.exit,function(){t.safeSetState({status:v},function(){t.props.onExited(e)})})})},t.prototype.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},t.prototype.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},t.prototype.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},t.prototype.onTransitionEnd=function(e,t,n){this.setNextCallback(n),e?(this.props.addEndListener&&this.props.addEndListener(e,this.nextCallback),null!=t&&setTimeout(this.nextCallback,t)):setTimeout(this.nextCallback,0)},t.prototype.render=function(){var e=this.state.status;if(e===y)return null;var t=this.props,n=t.children,r=o(t,["children"]);if(delete r.in,delete r.mountOnEnter,delete r.unmountOnExit,delete r.appear,delete r.enter,delete r.exit,delete r.timeout,delete r.addEndListener,delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,"function"===typeof n)return n(e,r);var i=d.default.Children.only(n);return d.default.cloneElement(i,r)},t}(d.default.Component);E.contextTypes={transitionGroup:s.object},E.childContextTypes={transitionGroup:function(){}},E.propTypes={},E.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:u,onEntering:u,onEntered:u,onExit:u,onExiting:u,onExited:u},E.UNMOUNTED=0,E.EXITED=1,E.ENTERING=2,E.ENTERED=3,E.EXITING=4,t.default=(0,m.polyfill)(E)},function(e,t,n){"use strict";function r(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!==e&&void 0!==e&&this.setState(e)}function o(e){function t(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!==n&&void 0!==n?n:null}this.setState(t.bind(this))}function i(e,t){try{var n=this.props,r=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,r)}finally{this.props=n,this.state=r}}function a(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!==typeof e.getDerivedStateFromProps&&"function"!==typeof t.getSnapshotBeforeUpdate)return e;var n=null,a=null,l=null;if("function"===typeof t.componentWillMount?n="componentWillMount":"function"===typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"===typeof t.componentWillReceiveProps?a="componentWillReceiveProps":"function"===typeof t.UNSAFE_componentWillReceiveProps&&(a="UNSAFE_componentWillReceiveProps"),"function"===typeof t.componentWillUpdate?l="componentWillUpdate":"function"===typeof t.UNSAFE_componentWillUpdate&&(l="UNSAFE_componentWillUpdate"),null!==n||null!==a||null!==l){var u=e.displayName||e.name,c="function"===typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+u+" uses "+c+" but also contains the following legacy lifecycles:"+(null!==n?"\n "+n:"")+(null!==a?"\n "+a:"")+(null!==l?"\n "+l:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"===typeof e.getDerivedStateFromProps&&(t.componentWillMount=r,t.componentWillReceiveProps=o),"function"===typeof t.getSnapshotBeforeUpdate){if("function"!==typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=i;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var r=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,r)}}return e}Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"polyfill",function(){return a}),r.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0,i.__suppressDeprecationWarning=!0},function(e,t,n){"use strict";function r(e){var t="transition"+e+"Timeout",n="transition"+e;return function(e){if(e[n]){if(null==e[t])return new Error(t+" wasn't supplied to CSSTransitionGroup: this can cause unreliable animations and won't be supported in a future version of React. See https://fb.me/react-animation-transition-group-timeout for more information.");if("number"!==typeof e[t])return new Error(t+" must be a number (in milliseconds)")}return null}}t.__esModule=!0,t.classNamesShape=t.timeoutsShape=void 0,t.transitionTimeout=r;var o=n(1),i=function(e){return e&&e.__esModule?e:{default:e}}(o);t.timeoutsShape=i.default.oneOfType([i.default.number,i.default.shape({enter:i.default.number,exit:i.default.number}).isRequired]),t.classNamesShape=i.default.oneOfType([i.default.string,i.default.shape({enter:i.default.string,exit:i.default.string,active:i.default.string}),i.default.shape({enter:i.default.string,enterDone:i.default.string,enterActive:i.default.string,exit:i.default.string,exitDone:i.default.string,exitActive:i.default.string})])},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function l(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var u=Object.assign||function(e){for(var t=1;tc){for(var t=0,n=a.length-u;t-1?t:e}function p(e,t){t=t||{};var n=t.body;if(e instanceof p){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,n||null==e._bodyInit||(n=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=d(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function h(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var n=e.split("="),r=n.shift().replace(/\+/g," "),o=n.join("=").replace(/\+/g," ");t.append(decodeURIComponent(r),decodeURIComponent(o))}}),t}function m(e){var t=new o;return e.split(/\r?\n/).forEach(function(e){var n=e.split(":"),r=n.shift().trim();if(r){var o=n.join(":").trim();t.append(r,o)}}),t}function y(e,t){t||(t={}),this.type="default",this.status="status"in t?t.status:200,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var v={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(v.arrayBuffer)var g=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],b=function(e){return e&&DataView.prototype.isPrototypeOf(e)},w=ArrayBuffer.isView||function(e){return e&&g.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,r){e=t(e),r=n(r);var o=this.map[e];this.map[e]=o?o+","+r:r},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,r){this.map[t(e)]=n(r)},o.prototype.forEach=function(e,t){for(var n in this.map)this.map.hasOwnProperty(n)&&e.call(t,this.map[n],n,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,n){e.push(n)}),r(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),r(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,n){e.push([n,t])}),r(e)},v.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var E=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];p.prototype.clone=function(){return new p(this,{body:this._bodyInit})},f.call(p.prototype),f.call(y.prototype),y.prototype.clone=function(){return new y(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},y.error=function(){var e=new y(null,{status:0,statusText:""});return e.type="error",e};var _=[301,302,303,307,308];y.redirect=function(e,t){if(-1===_.indexOf(t))throw new RangeError("Invalid status code");return new y(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=p,e.Response=y,e.fetch=function(e,t){return new Promise(function(n,r){var o=new p(e,t),i=new XMLHttpRequest;i.onload=function(){var e={status:i.status,statusText:i.statusText,headers:m(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL");var t="response"in i?i.response:i.responseText;n(new y(t,e))},i.onerror=function(){r(new TypeError("Network request failed"))},i.ontimeout=function(){r(new TypeError("Network request failed"))},i.open(o.method,o.url,!0),"include"===o.credentials&&(i.withCredentials=!0),"responseType"in i&&v.blob&&(i.responseType="blob"),o.headers.forEach(function(e,t){i.setRequestHeader(t,e)}),i.send("undefined"===typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!==typeof self?self:this)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n.n(r),i=n(2),a=n.n(i),l=n(28),u=(n.n(l),n(29));a.a.render(o.a.createElement(u.a,null),document.getElementById("root"))},function(e,t,n){"use strict";function r(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;rA.length&&A.push(e)}function d(e,t,n,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case _:case x:a=!0}}if(a)return n(o,e,""===t?"."+p(e,0):t),1;if(a=0,t=""===t?".":t+":",Array.isArray(e))for(var l=0;lthis.eventPool.length&&this.eventPool.push(e)}function L(e){e.eventPool=[],e.getPooled=D,e.release=A}function z(e,t){switch(e){case"keyup":return-1!==xo.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function B(e){return e=e.detail,"object"===typeof e&&"data"in e?e.data:null}function W(e,t){switch(e){case"compositionend":return B(t);case"keypress":return 32!==t.which?null:(Oo=!0,Po);case"textInput":return e=t.data,e===Po&&Oo?null:e;default:return null}}function V(e,t){if(Ro)return"compositionend"===e||!ko&&z(e,t)?(e=M(),go._root=null,go._startText=null,go._fallbackText=null,Ro=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1t}return!1}function fe(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t}function de(e){return e[1].toUpperCase()}function pe(e,t,n,r){var o=ri.hasOwnProperty(t)?ri[t]:null;(null!==o?0===o.type:!r&&(2Ri.length&&Ri.push(e)}}}function qe(e){return Object.prototype.hasOwnProperty.call(e,ji)||(e[ji]=Fi++,Mi[e[ji]]={}),Mi[e[ji]]}function Ge(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ke(e,t){var n=Ge(e);e=0;for(var r;n;){if(3===n.nodeType){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Ge(n)}}function Qe(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function Xe(e,t){if(Wi||null==Li||Li!==Lr())return null;var n=Li;return"selectionStart"in n&&Qe(n)?n={start:n.selectionStart,end:n.selectionEnd}:window.getSelection?(n=window.getSelection(),n={anchorNode:n.anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset}):n=void 0,Bi&&zr(Bi,n)?null:(Bi=n,e=j.getPooled(Ai.select,zi,e,t),e.type="select",e.target=Li,N(e),e)}function Ye(e){var t="";return Fr.Children.forEach(e,function(e){null==e||"string"!==typeof e&&"number"!==typeof e||(t+=e)}),t}function Ze(e,t){return e=Dr({children:void 0},t),(t=Ye(t.children))&&(e.children=t),e}function Je(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o=t.length||r("93"),t=t[0]),n=""+t),null==n&&(n="")),e._wrapperState={initialValue:""+n}}function rt(e,t){var n=t.value;null!=n&&(n=""+n,n!==e.value&&(e.value=n),null==t.defaultValue&&(e.defaultValue=n)),null!=t.defaultValue&&(e.defaultValue=t.defaultValue)}function ot(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}function it(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function at(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?it(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}function lt(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}function ut(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=n,i=t[n];o=null==i||"boolean"===typeof i||""===i?"":r||"number"!==typeof i||0===i||ma.hasOwnProperty(o)&&ma[o]?(""+i).trim():i+"px","float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}function ct(e,t,n){t&&(va[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&r("137",e,n()),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&r("60"),"object"===typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||r("61")),null!=t.style&&"object"!==typeof t.style&&r("62",n()))}function st(e,t){if(-1===e.indexOf("-"))return"string"===typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function ft(e,t){e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument;var n=qe(e);t=Qr[t];for(var r=0;r<\/script>",e=e.removeChild(e.firstChild)):e="string"===typeof t.is?n.createElement(e,{is:t.is}):n.createElement(e):e=n.createElementNS(r,e),e}function pt(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode(e)}function ht(e,t,n,r){var o=st(t,n);switch(t){case"iframe":case"object":We("load",e);var i=n;break;case"video":case"audio":for(i=0;iTa||(e.current=Ca[Ta],Ca[Ta]=null,Ta--)}function Ct(e,t){Ta++,Ca[Ta]=e.current,e.current=t}function Tt(e){return Pt(e)?Na:Sa.current}function St(e,t){var n=e.type.contextTypes;if(!n)return Wr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,i={};for(o in n)i[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Pt(e){return 2===e.tag&&null!=e.type.childContextTypes}function Nt(e){Pt(e)&&(kt(Pa,e),kt(Sa,e))}function Ot(e){kt(Pa,e),kt(Sa,e)}function Rt(e,t,n){Sa.current!==Wr&&r("168"),Ct(Sa,t,e),Ct(Pa,n,e)}function Ut(e,t){var n=e.stateNode,o=e.type.childContextTypes;if("function"!==typeof n.getChildContext)return t;n=n.getChildContext();for(var i in n)i in o||r("108",ae(e)||"Unknown",i);return Dr({},t,n)}function It(e){if(!Pt(e))return!1;var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Wr,Na=Sa.current,Ct(Sa,t,e),Ct(Pa,Pa.current,e),!0}function Mt(e,t){var n=e.stateNode;if(n||r("169"),t){var o=Ut(e,Na);n.__reactInternalMemoizedMergedChildContext=o,kt(Pa,e),kt(Sa,e),Ct(Sa,o,e)}else kt(Pa,e);Ct(Pa,t,e)}function Ft(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=null,this.index=0,this.ref=null,this.pendingProps=t,this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.expirationTime=0,this.alternate=null}function jt(e,t,n){var r=e.alternate;return null===r?(r=new Ft(e.tag,t,e.key,e.mode),r.type=e.type,r.stateNode=e.stateNode,r.alternate=e,e.alternate=r):(r.pendingProps=t,r.effectTag=0,r.nextEffect=null,r.firstEffect=null,r.lastEffect=null),r.expirationTime=n,r.child=e.child,r.memoizedProps=e.memoizedProps,r.memoizedState=e.memoizedState,r.updateQueue=e.updateQueue,r.sibling=e.sibling,r.index=e.index,r.ref=e.ref,r}function Dt(e,t,n){var o=e.type,i=e.key;if(e=e.props,"function"===typeof o)var a=o.prototype&&o.prototype.isReactComponent?2:0;else if("string"===typeof o)a=5;else switch(o){case Ho:return At(e.children,t,n,i);case Qo:a=11,t|=3;break;case $o:a=11,t|=2;break;case qo:return o=new Ft(15,e,i,4|t),o.type=qo,o.expirationTime=n,o;case Yo:a=16,t|=2;break;default:e:{switch("object"===typeof o&&null!==o?o.$$typeof:null){case Go:a=13;break e;case Ko:a=12;break e;case Xo:a=14;break e;default:r("130",null==o?o:typeof o,"")}a=void 0}}return t=new Ft(a,e,i,t),t.type=o,t.expirationTime=n,t}function At(e,t,n,r){return e=new Ft(10,e,r,t),e.expirationTime=n,e}function Lt(e,t,n){return e=new Ft(6,e,null,t),e.expirationTime=n,e}function zt(e,t,n){return t=new Ft(4,null!==e.children?e.children:[],e.key,t),t.expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Bt(e,t,n){return t=new Ft(3,null,null,t?3:0),e={current:t,containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,pendingCommitExpirationTime:0,finishedWork:null,context:null,pendingContext:null,hydrate:n,remainingExpirationTime:0,firstBatch:null,nextScheduledRoot:null},t.stateNode=e}function Wt(e){return function(t){try{return e(t)}catch(e){}}}function Vt(e){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);Oa=Wt(function(e){return t.onCommitFiberRoot(n,e)}),Ra=Wt(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}return!0}function Ht(e){"function"===typeof Oa&&Oa(e)}function $t(e){"function"===typeof Ra&&Ra(e)}function qt(e){return{expirationTime:0,baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Gt(e){return{expirationTime:e.expirationTime,baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Kt(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function Qt(e,t,n){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t),(0===e.expirationTime||e.expirationTime>n)&&(e.expirationTime=n)}function Xt(e,t,n){var r=e.alternate;if(null===r){var o=e.updateQueue,i=null;null===o&&(o=e.updateQueue=qt(e.memoizedState))}else o=e.updateQueue,i=r.updateQueue,null===o?null===i?(o=e.updateQueue=qt(e.memoizedState),i=r.updateQueue=qt(r.memoizedState)):o=e.updateQueue=Gt(i):null===i&&(i=r.updateQueue=Gt(o));null===i||o===i?Qt(o,t,n):null===o.lastUpdate||null===i.lastUpdate?(Qt(o,t,n),Qt(i,t,n)):(Qt(o,t,n),i.lastUpdate=t)}function Yt(e,t,n){var r=e.updateQueue;r=null===r?e.updateQueue=qt(e.memoizedState):Zt(e,r),null===r.lastCapturedUpdate?r.firstCapturedUpdate=r.lastCapturedUpdate=t:(r.lastCapturedUpdate.next=t,r.lastCapturedUpdate=t),(0===r.expirationTime||r.expirationTime>n)&&(r.expirationTime=n)}function Zt(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=Gt(t)),t}function Jt(e,t,n,r,o,i){switch(n.tag){case 1:return e=n.payload,"function"===typeof e?e.call(i,r,o):e;case 3:e.effectTag=-1025&e.effectTag|64;case 0:if(e=n.payload,null===(o="function"===typeof e?e.call(i,r,o):e)||void 0===o)break;return Dr({},r,o);case 2:Ua=!0}return r}function en(e,t,n,r,o){if(Ua=!1,!(0===t.expirationTime||t.expirationTime>o)){t=Zt(e,t);for(var i=t.baseState,a=null,l=0,u=t.firstUpdate,c=i;null!==u;){var s=u.expirationTime;s>o?(null===a&&(a=u,i=c),(0===l||l>s)&&(l=s)):(c=Jt(e,t,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastEffect?t.firstEffect=t.lastEffect=u:(t.lastEffect.nextEffect=u,t.lastEffect=u))),u=u.next}for(s=null,u=t.firstCapturedUpdate;null!==u;){var f=u.expirationTime;f>o?(null===s&&(s=u,null===a&&(i=c)),(0===l||l>f)&&(l=f)):(c=Jt(e,t,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastCapturedEffect?t.firstCapturedEffect=t.lastCapturedEffect=u:(t.lastCapturedEffect.nextEffect=u,t.lastCapturedEffect=u))),u=u.next}null===a&&(t.lastUpdate=null),null===s?t.lastCapturedUpdate=null:e.effectTag|=32,null===a&&null===s&&(i=c),t.baseState=i,t.firstUpdate=a,t.firstCapturedUpdate=s,t.expirationTime=l,e.memoizedState=c}}function tn(e,t){"function"!==typeof e&&r("191",e),e.call(t)}function nn(e,t,n){for(null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),e=t.firstEffect,t.firstEffect=t.lastEffect=null;null!==e;){var r=e.callback;null!==r&&(e.callback=null,tn(r,n)),e=e.nextEffect}for(e=t.firstCapturedEffect,t.firstCapturedEffect=t.lastCapturedEffect=null;null!==e;)t=e.callback,null!==t&&(e.callback=null,tn(t,n)),e=e.nextEffect}function rn(e,t){return{value:e,source:t,stack:le(t)}}function on(e){var t=e.type._context;Ct(Fa,t._changedBits,e),Ct(Ma,t._currentValue,e),Ct(Ia,e,e),t._currentValue=e.pendingProps.value,t._changedBits=e.stateNode}function an(e){var t=Fa.current,n=Ma.current;kt(Ia,e),kt(Ma,e),kt(Fa,e),e=e.type._context,e._currentValue=n,e._changedBits=t}function ln(e){return e===ja&&r("174"),e}function un(e,t){Ct(La,t,e),Ct(Aa,e,e),Ct(Da,ja,e);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:at(null,"");break;default:n=8===n?t.parentNode:t,t=n.namespaceURI||null,n=n.tagName,t=at(t,n)}kt(Da,e),Ct(Da,t,e)}function cn(e){kt(Da,e),kt(Aa,e),kt(La,e)}function sn(e){Aa.current===e&&(kt(Da,e),kt(Aa,e))}function fn(e,t,n){var r=e.memoizedState;t=t(n,r),r=null===t||void 0===t?r:Dr({},r,t),e.memoizedState=r,null!==(e=e.updateQueue)&&0===e.expirationTime&&(e.baseState=r)}function dn(e,t,n,r,o,i){var a=e.stateNode;return e=e.type,"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(n,o,i):!e.prototype||!e.prototype.isPureReactComponent||(!zr(t,n)||!zr(r,o))}function pn(e,t,n,r){e=t.state,"function"===typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"===typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&za.enqueueReplaceState(t,t.state,null)}function hn(e,t){var n=e.type,r=e.stateNode,o=e.pendingProps,i=Tt(e);r.props=o,r.state=e.memoizedState,r.refs=Wr,r.context=St(e,i),i=e.updateQueue,null!==i&&(en(e,i,o,r,t),r.state=e.memoizedState),i=e.type.getDerivedStateFromProps,"function"===typeof i&&(fn(e,i,o),r.state=e.memoizedState),"function"===typeof n.getDerivedStateFromProps||"function"===typeof r.getSnapshotBeforeUpdate||"function"!==typeof r.UNSAFE_componentWillMount&&"function"!==typeof r.componentWillMount||(n=r.state,"function"===typeof r.componentWillMount&&r.componentWillMount(),"function"===typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),n!==r.state&&za.enqueueReplaceState(r,r.state,null),null!==(i=e.updateQueue)&&(en(e,i,o,r,t),r.state=e.memoizedState)),"function"===typeof r.componentDidMount&&(e.effectTag|=4)}function mn(e,t,n){if(null!==(e=n.ref)&&"function"!==typeof e&&"object"!==typeof e){if(n._owner){n=n._owner;var o=void 0;n&&(2!==n.tag&&r("110"),o=n.stateNode),o||r("147",e);var i=""+e;return null!==t&&null!==t.ref&&"function"===typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs===Wr?o.refs={}:o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}"string"!==typeof e&&r("148"),n._owner||r("254",e)}return e}function yn(e,t){"textarea"!==e.type&&r("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function vn(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.effectTag=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function o(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function i(e,t,n){return e=jt(e,t,n),e.index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index,rm?(y=f,f=null):y=f.sibling;var v=p(r,f,l[m],u);if(null===v){null===f&&(f=y);break}e&&f&&null===v.alternate&&t(r,f),i=a(v,i,m),null===s?c=v:s.sibling=v,s=v,f=y}if(m===l.length)return n(r,f),c;if(null===f){for(;my?(v=m,m=null):v=m.sibling;var b=p(i,m,g.value,c);if(null===b){m||(m=v);break}e&&m&&null===b.alternate&&t(i,m),l=a(b,l,y),null===f?s=b:f.sibling=b,f=b,m=v}if(g.done)return n(i,m),s;if(null===m){for(;!g.done;y++,g=u.next())null!==(g=d(i,g.value,c))&&(l=a(g,l,y),null===f?s=g:f.sibling=g,f=g);return s}for(m=o(i,m);!g.done;y++,g=u.next())null!==(g=h(m,i,y,g.value,c))&&(e&&null!==g.alternate&&m.delete(null===g.key?y:g.key),l=a(g,l,y),null===f?s=g:f.sibling=g,f=g);return e&&m.forEach(function(e){return t(i,e)}),s}return function(e,o,a,u){var c="object"===typeof a&&null!==a&&a.type===Ho&&null===a.key;c&&(a=a.props.children);var s="object"===typeof a&&null!==a;if(s)switch(a.$$typeof){case Wo:e:{for(s=a.key,c=o;null!==c;){if(c.key===s){if(10===c.tag?a.type===Ho:c.type===a.type){n(e,c.sibling),o=i(c,a.type===Ho?a.props.children:a.props,u),o.ref=mn(e,c,a),o.return=e,e=o;break e}n(e,c);break}t(e,c),c=c.sibling}a.type===Ho?(o=At(a.props.children,e.mode,u,a.key),o.return=e,e=o):(u=Dt(a,e.mode,u),u.ref=mn(e,o,a),u.return=e,e=u)}return l(e);case Vo:e:{for(c=a.key;null!==o;){if(o.key===c){if(4===o.tag&&o.stateNode.containerInfo===a.containerInfo&&o.stateNode.implementation===a.implementation){n(e,o.sibling),o=i(o,a.children||[],u),o.return=e,e=o;break e}n(e,o);break}t(e,o),o=o.sibling}o=zt(a,e.mode,u),o.return=e,e=o}return l(e)}if("string"===typeof a||"number"===typeof a)return a=""+a,null!==o&&6===o.tag?(n(e,o.sibling),o=i(o,a,u),o.return=e,e=o):(n(e,o),o=Lt(a,e.mode,u),o.return=e,e=o),l(e);if(Ba(a))return m(e,o,a,u);if(ie(a))return y(e,o,a,u);if(s&&yn(e,a),"undefined"===typeof a&&!c)switch(e.tag){case 2:case 1:u=e.type,r("152",u.displayName||u.name||"Component")}return n(e,o)}}function gn(e,t){var n=new Ft(5,null,null,0);n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function bn(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function wn(e){if(qa){var t=$a;if(t){var n=t;if(!bn(e,t)){if(!(t=Et(n))||!bn(e,t))return e.effectTag|=2,qa=!1,void(Ha=e);gn(Ha,n)}Ha=e,$a=_t(t)}else e.effectTag|=2,qa=!1,Ha=e}}function En(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;Ha=e}function _n(e){if(e!==Ha)return!1;if(!qa)return En(e),qa=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!wt(t,e.memoizedProps))for(t=$a;t;)gn(e,t),t=Et(t);return En(e),$a=Ha?Et(e.stateNode):null,!0}function xn(){$a=Ha=null,qa=!1}function kn(e,t,n){Cn(e,t,n,t.expirationTime)}function Cn(e,t,n,r){t.child=null===e?Va(t,null,n,r):Wa(t,e.child,n,r)}function Tn(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function Sn(e,t,n,r,o){Tn(e,t);var i=0!==(64&t.effectTag);if(!n&&!i)return r&&Mt(t,!1),Rn(e,t);n=t.stateNode,zo.current=t;var a=i?null:n.render();return t.effectTag|=1,i&&(Cn(e,t,null,o),t.child=null),Cn(e,t,a,o),t.memoizedState=n.state,t.memoizedProps=n.props,r&&Mt(t,!0),t.child}function Pn(e){var t=e.stateNode;t.pendingContext?Rt(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Rt(e,t.context,!1),un(e,t.containerInfo)}function Nn(e,t,n,r){var o=e.child;for(null!==o&&(o.return=e);null!==o;){switch(o.tag){case 12:var i=0|o.stateNode;if(o.type===t&&0!==(i&n)){for(i=o;null!==i;){var a=i.alternate;if(0===i.expirationTime||i.expirationTime>r)i.expirationTime=r,null!==a&&(0===a.expirationTime||a.expirationTime>r)&&(a.expirationTime=r);else{if(null===a||!(0===a.expirationTime||a.expirationTime>r))break;a.expirationTime=r}i=i.return}i=null}else i=o.child;break;case 13:i=o.type===e.type?null:o.child;break;default:i=o.child}if(null!==i)i.return=o;else for(i=o;null!==i;){if(i===e){i=null;break}if(null!==(o=i.sibling)){o.return=i.return,i=o;break}i=i.return}o=i}}function On(e,t,n){var r=t.type._context,o=t.pendingProps,i=t.memoizedProps,a=!0;if(Pa.current)a=!1;else if(i===o)return t.stateNode=0,on(t),Rn(e,t);var l=o.value;if(t.memoizedProps=o,null===i)l=1073741823;else if(i.value===o.value){if(i.children===o.children&&a)return t.stateNode=0,on(t),Rn(e,t);l=0}else{var u=i.value;if(u===l&&(0!==u||1/u===1/l)||u!==u&&l!==l){if(i.children===o.children&&a)return t.stateNode=0,on(t),Rn(e,t);l=0}else if(l="function"===typeof r._calculateChangedBits?r._calculateChangedBits(u,l):1073741823,0===(l|=0)){if(i.children===o.children&&a)return t.stateNode=0,on(t),Rn(e,t)}else Nn(t,r,l,n)}return t.stateNode=l,on(t),kn(e,t,o.children),t.child}function Rn(e,t){if(null!==e&&t.child!==e.child&&r("153"),null!==t.child){e=t.child;var n=jt(e,e.pendingProps,e.expirationTime);for(t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,n=n.sibling=jt(e,e.pendingProps,e.expirationTime),n.return=t;n.sibling=null}return t.child}function Un(e,t,n){if(0===t.expirationTime||t.expirationTime>n){switch(t.tag){case 3:Pn(t);break;case 2:It(t);break;case 4:un(t,t.stateNode.containerInfo);break;case 13:on(t)}return null}switch(t.tag){case 0:null!==e&&r("155");var o=t.type,i=t.pendingProps,a=Tt(t);return a=St(t,a),o=o(i,a),t.effectTag|=1,"object"===typeof o&&null!==o&&"function"===typeof o.render&&void 0===o.$$typeof?(a=t.type,t.tag=2,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,a=a.getDerivedStateFromProps,"function"===typeof a&&fn(t,a,i),i=It(t),o.updater=za,t.stateNode=o,o._reactInternalFiber=t,hn(t,n),e=Sn(e,t,!0,i,n)):(t.tag=1,kn(e,t,o),t.memoizedProps=i,e=t.child),e;case 1:return i=t.type,n=t.pendingProps,Pa.current||t.memoizedProps!==n?(o=Tt(t),o=St(t,o),i=i(n,o),t.effectTag|=1,kn(e,t,i),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 2:if(i=It(t),null===e)if(null===t.stateNode){var l=t.pendingProps,u=t.type;o=Tt(t);var c=2===t.tag&&null!=t.type.contextTypes;a=c?St(t,o):Wr,l=new u(l,a),t.memoizedState=null!==l.state&&void 0!==l.state?l.state:null,l.updater=za,t.stateNode=l,l._reactInternalFiber=t,c&&(c=t.stateNode,c.__reactInternalMemoizedUnmaskedChildContext=o,c.__reactInternalMemoizedMaskedChildContext=a),hn(t,n),o=!0}else{u=t.type,o=t.stateNode,c=t.memoizedProps,a=t.pendingProps,o.props=c;var s=o.context;l=Tt(t),l=St(t,l);var f=u.getDerivedStateFromProps;(u="function"===typeof f||"function"===typeof o.getSnapshotBeforeUpdate)||"function"!==typeof o.UNSAFE_componentWillReceiveProps&&"function"!==typeof o.componentWillReceiveProps||(c!==a||s!==l)&&pn(t,o,a,l),Ua=!1;var d=t.memoizedState;s=o.state=d;var p=t.updateQueue;null!==p&&(en(t,p,a,o,n),s=t.memoizedState),c!==a||d!==s||Pa.current||Ua?("function"===typeof f&&(fn(t,f,a),s=t.memoizedState),(c=Ua||dn(t,c,a,d,s,l))?(u||"function"!==typeof o.UNSAFE_componentWillMount&&"function"!==typeof o.componentWillMount||("function"===typeof o.componentWillMount&&o.componentWillMount(),"function"===typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"===typeof o.componentDidMount&&(t.effectTag|=4)):("function"===typeof o.componentDidMount&&(t.effectTag|=4),t.memoizedProps=a,t.memoizedState=s),o.props=a,o.state=s,o.context=l,o=c):("function"===typeof o.componentDidMount&&(t.effectTag|=4),o=!1)}else u=t.type,o=t.stateNode,a=t.memoizedProps,c=t.pendingProps,o.props=a,s=o.context,l=Tt(t),l=St(t,l),f=u.getDerivedStateFromProps,(u="function"===typeof f||"function"===typeof o.getSnapshotBeforeUpdate)||"function"!==typeof o.UNSAFE_componentWillReceiveProps&&"function"!==typeof o.componentWillReceiveProps||(a!==c||s!==l)&&pn(t,o,c,l),Ua=!1,s=t.memoizedState,d=o.state=s,p=t.updateQueue,null!==p&&(en(t,p,c,o,n),d=t.memoizedState),a!==c||s!==d||Pa.current||Ua?("function"===typeof f&&(fn(t,f,c),d=t.memoizedState),(f=Ua||dn(t,a,c,s,d,l))?(u||"function"!==typeof o.UNSAFE_componentWillUpdate&&"function"!==typeof o.componentWillUpdate||("function"===typeof o.componentWillUpdate&&o.componentWillUpdate(c,d,l),"function"===typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(c,d,l)),"function"===typeof o.componentDidUpdate&&(t.effectTag|=4),"function"===typeof o.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!==typeof o.componentDidUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=4),"function"!==typeof o.getSnapshotBeforeUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=256),t.memoizedProps=c,t.memoizedState=d),o.props=c,o.state=d,o.context=l,o=f):("function"!==typeof o.componentDidUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=4),"function"!==typeof o.getSnapshotBeforeUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=256),o=!1);return Sn(e,t,o,i,n);case 3:return Pn(t),i=t.updateQueue,null!==i?(o=t.memoizedState,o=null!==o?o.element:null,en(t,i,t.pendingProps,null,n),(i=t.memoizedState.element)===o?(xn(),e=Rn(e,t)):(o=t.stateNode,(o=(null===e||null===e.child)&&o.hydrate)&&($a=_t(t.stateNode.containerInfo),Ha=t,o=qa=!0),o?(t.effectTag|=2,t.child=Va(t,null,i,n)):(xn(),kn(e,t,i)),e=t.child)):(xn(),e=Rn(e,t)),e;case 5:return ln(La.current),i=ln(Da.current),o=at(i,t.type),i!==o&&(Ct(Aa,t,t),Ct(Da,o,t)),null===e&&wn(t),i=t.type,c=t.memoizedProps,o=t.pendingProps,a=null!==e?e.memoizedProps:null,Pa.current||c!==o||((c=1&t.mode&&!!o.hidden)&&(t.expirationTime=1073741823),c&&1073741823===n)?(c=o.children,wt(i,o)?c=null:a&&wt(i,a)&&(t.effectTag|=16),Tn(e,t),1073741823!==n&&1&t.mode&&o.hidden?(t.expirationTime=1073741823,t.memoizedProps=o,e=null):(kn(e,t,c),t.memoizedProps=o,e=t.child)):e=Rn(e,t),e;case 6:return null===e&&wn(t),t.memoizedProps=t.pendingProps,null;case 16:return null;case 4:return un(t,t.stateNode.containerInfo),i=t.pendingProps,Pa.current||t.memoizedProps!==i?(null===e?t.child=Wa(t,null,i,n):kn(e,t,i),t.memoizedProps=i,e=t.child):e=Rn(e,t),e;case 14:return i=t.type.render,n=t.pendingProps,o=t.ref,Pa.current||t.memoizedProps!==n||o!==(null!==e?e.ref:null)?(i=i(n,o),kn(e,t,i),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 10:return n=t.pendingProps,Pa.current||t.memoizedProps!==n?(kn(e,t,n),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 11:return n=t.pendingProps.children,Pa.current||null!==n&&t.memoizedProps!==n?(kn(e,t,n),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 15:return n=t.pendingProps,t.memoizedProps===n?e=Rn(e,t):(kn(e,t,n.children),t.memoizedProps=n,e=t.child),e;case 13:return On(e,t,n);case 12:e:if(o=t.type,a=t.pendingProps,c=t.memoizedProps,i=o._currentValue,l=o._changedBits,Pa.current||0!==l||c!==a){if(t.memoizedProps=a,u=a.unstable_observedBits,void 0!==u&&null!==u||(u=1073741823),t.stateNode=u,0!==(l&u))Nn(t,o,l,n);else if(c===a){e=Rn(e,t);break e}n=a.children,n=n(i),t.effectTag|=1,kn(e,t,n),e=t.child}else e=Rn(e,t);return e;default:r("156")}}function In(e){e.effectTag|=4}function Mn(e,t){var n=t.pendingProps;switch(t.tag){case 1:return null;case 2:return Nt(t),null;case 3:cn(t),Ot(t);var o=t.stateNode;return o.pendingContext&&(o.context=o.pendingContext,o.pendingContext=null),null!==e&&null!==e.child||(_n(t),t.effectTag&=-3),Ga(t),null;case 5:sn(t),o=ln(La.current);var i=t.type;if(null!==e&&null!=t.stateNode){var a=e.memoizedProps,l=t.stateNode,u=ln(Da.current);l=mt(l,i,a,n,o),Ka(e,t,l,i,a,n,o,u),e.ref!==t.ref&&(t.effectTag|=128)}else{if(!n)return null===t.stateNode&&r("166"),null;if(e=ln(Da.current),_n(t))n=t.stateNode,i=t.type,a=t.memoizedProps,n[oo]=t,n[io]=a,o=vt(n,i,a,e,o),t.updateQueue=o,null!==o&&In(t);else{e=dt(i,n,o,e),e[oo]=t,e[io]=n;e:for(a=t.child;null!==a;){if(5===a.tag||6===a.tag)e.appendChild(a.stateNode);else if(4!==a.tag&&null!==a.child){a.child.return=a,a=a.child;continue}if(a===t)break;for(;null===a.sibling;){if(null===a.return||a.return===t)break e;a=a.return}a.sibling.return=a.return,a=a.sibling}ht(e,i,n,o),bt(i,n)&&In(t),t.stateNode=e}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)Qa(e,t,e.memoizedProps,n);else{if("string"!==typeof n)return null===t.stateNode&&r("166"),null;o=ln(La.current),ln(Da.current),_n(t)?(o=t.stateNode,n=t.memoizedProps,o[oo]=t,gt(o,n)&&In(t)):(o=pt(n,o),o[oo]=t,t.stateNode=o)}return null;case 14:case 16:case 10:case 11:case 15:return null;case 4:return cn(t),Ga(t),null;case 13:return an(t),null;case 12:return null;case 0:r("167");default:r("156")}}function Fn(e,t){var n=t.source;null===t.stack&&null!==n&&le(n),null!==n&&ae(n),t=t.value,null!==e&&2===e.tag&&ae(e);try{t&&t.suppressReactErrorLogging||console.error(t)}catch(e){e&&e.suppressReactErrorLogging||console.error(e)}}function jn(e){var t=e.ref;if(null!==t)if("function"===typeof t)try{t(null)}catch(t){Xn(e,t)}else t.current=null}function Dn(e){switch("function"===typeof $t&&$t(e),e.tag){case 2:jn(e);var t=e.stateNode;if("function"===typeof t.componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){Xn(e,t)}break;case 5:jn(e);break;case 4:zn(e)}}function An(e){return 5===e.tag||3===e.tag||4===e.tag}function Ln(e){e:{for(var t=e.return;null!==t;){if(An(t)){var n=t;break e}t=t.return}r("160"),n=void 0}var o=t=void 0;switch(n.tag){case 5:t=n.stateNode,o=!1;break;case 3:case 4:t=n.stateNode.containerInfo,o=!0;break;default:r("161")}16&n.effectTag&&(lt(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||An(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var i=e;;){if(5===i.tag||6===i.tag)if(n)if(o){var a=t,l=i.stateNode,u=n;8===a.nodeType?a.parentNode.insertBefore(l,u):a.insertBefore(l,u)}else t.insertBefore(i.stateNode,n);else o?(a=t,l=i.stateNode,8===a.nodeType?a.parentNode.insertBefore(l,a):a.appendChild(l)):t.appendChild(i.stateNode);else if(4!==i.tag&&null!==i.child){i.child.return=i,i=i.child;continue}if(i===e)break;for(;null===i.sibling;){if(null===i.return||i.return===e)return;i=i.return}i.sibling.return=i.return,i=i.sibling}}function zn(e){for(var t=e,n=!1,o=void 0,i=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&r("160"),n.tag){case 5:o=n.stateNode,i=!1;break e;case 3:case 4:o=n.stateNode.containerInfo,i=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var a=t,l=a;;)if(Dn(l),null!==l.child&&4!==l.tag)l.child.return=l,l=l.child;else{if(l===a)break;for(;null===l.sibling;){if(null===l.return||l.return===a)break e;l=l.return}l.sibling.return=l.return,l=l.sibling}i?(a=o,l=t.stateNode,8===a.nodeType?a.parentNode.removeChild(l):a.removeChild(l)):o.removeChild(t.stateNode)}else if(4===t.tag?o=t.stateNode.containerInfo:Dn(t),null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;t=t.return,4===t.tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function Bn(e,t){switch(t.tag){case 2:break;case 5:var n=t.stateNode;if(null!=n){var o=t.memoizedProps;e=null!==e?e.memoizedProps:o;var i=t.type,a=t.updateQueue;t.updateQueue=null,null!==a&&(n[io]=o,yt(n,a,i,e,o))}break;case 6:null===t.stateNode&&r("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 15:case 16:break;default:r("163")}}function Wn(e,t,n){n=Kt(n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){hr(r),Fn(e,t)},n}function Vn(e,t,n){n=Kt(n),n.tag=3;var r=e.stateNode;return null!==r&&"function"===typeof r.componentDidCatch&&(n.callback=function(){null===sl?sl=new Set([this]):sl.add(this);var n=t.value,r=t.stack;Fn(e,t),this.componentDidCatch(n,{componentStack:null!==r?r:""})}),n}function Hn(e,t,n,r,o,i){n.effectTag|=512,n.firstEffect=n.lastEffect=null,r=rn(r,n),e=t;do{switch(e.tag){case 3:return e.effectTag|=1024,r=Wn(e,r,i),void Yt(e,r,i);case 2:if(t=r,n=e.stateNode,0===(64&e.effectTag)&&null!==n&&"function"===typeof n.componentDidCatch&&(null===sl||!sl.has(n)))return e.effectTag|=1024,r=Vn(e,t,i),void Yt(e,r,i)}e=e.return}while(null!==e)}function $n(e){switch(e.tag){case 2:Nt(e);var t=e.effectTag;return 1024&t?(e.effectTag=-1025&t|64,e):null;case 3:return cn(e),Ot(e),t=e.effectTag,1024&t?(e.effectTag=-1025&t|64,e):null;case 5:return sn(e),null;case 16:return t=e.effectTag,1024&t?(e.effectTag=-1025&t|64,e):null;case 4:return cn(e),null;case 13:return an(e),null;default:return null}}function qn(){if(null!==nl)for(var e=nl.return;null!==e;){var t=e;switch(t.tag){case 2:Nt(t);break;case 3:cn(t),Ot(t);break;case 5:sn(t);break;case 4:cn(t);break;case 13:an(t)}e=e.return}rl=null,ol=0,il=-1,al=!1,nl=null,cl=!1}function Gn(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0===(512&e.effectTag)){t=Mn(t,e,ol);var o=e;if(1073741823===ol||1073741823!==o.expirationTime){var i=0;switch(o.tag){case 3:case 2:var a=o.updateQueue;null!==a&&(i=a.expirationTime)}for(a=o.child;null!==a;)0!==a.expirationTime&&(0===i||i>a.expirationTime)&&(i=a.expirationTime),a=a.sibling;o.expirationTime=i}if(null!==t)return t;if(null!==n&&0===(512&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1gl)&&(gl=e),e}function Jn(e,t){for(;null!==e;){if((0===e.expirationTime||e.expirationTime>t)&&(e.expirationTime=t),null!==e.alternate&&(0===e.alternate.expirationTime||e.alternate.expirationTime>t)&&(e.alternate.expirationTime=t),null===e.return){if(3!==e.tag)break;var n=e.stateNode;!tl&&0!==ol&&tSl&&r("185")}e=e.return}}function er(){return Za=_a()-Xa,Ya=2+(Za/10|0)}function tr(e){var t=el;el=2+25*(1+((er()-2+500)/25|0));try{return e()}finally{el=t}}function nr(e,t,n,r,o){var i=el;el=1;try{return e(t,n,r,o)}finally{el=i}}function rr(e){if(0!==pl){if(e>pl)return;null!==hl&&ka(hl)}var t=_a()-Xa;pl=e,hl=xa(ar,{timeout:10*(e-2)-t})}function or(e,t){if(null===e.nextScheduledRoot)e.remainingExpirationTime=t,null===dl?(fl=dl=e,e.nextScheduledRoot=e):(dl=dl.nextScheduledRoot=e,dl.nextScheduledRoot=fl);else{var n=e.remainingExpirationTime;(0===n||t=vl)&&(!bl||er()>=vl);)er(),fr(yl,vl,!bl),ir();else for(;null!==yl&&0!==vl&&(0===e||e>=vl);)fr(yl,vl,!1),ir();null!==_l&&(pl=0,hl=null),0!==vl&&rr(vl),_l=null,bl=!1,sr()}function cr(e,t){ml&&r("253"),yl=e,vl=t,fr(e,t,!1),lr(),sr()}function sr(){if(Pl=0,null!==Tl){var e=Tl;Tl=null;for(var t=0;tb&&(w=b,b=T,T=w),w=Ke(k,T),E=Ke(k,b),w&&E&&(1!==C.rangeCount||C.anchorNode!==w.node||C.anchorOffset!==w.offset||C.focusNode!==E.node||C.focusOffset!==E.offset)&&(_=document.createRange(),_.setStart(w.node,w.offset),C.removeAllRanges(),T>b?(C.addRange(_),C.extend(E.node,E.offset)):(_.setEnd(E.node,E.offset),C.addRange(_))))),C=[];for(T=k;T=T.parentNode;)1===T.nodeType&&C.push({element:T,left:T.scrollLeft,top:T.scrollTop});for("function"===typeof k.focus&&k.focus(),k=0;kNl)&&(bl=!0)}function hr(e){null===yl&&r("246"),yl.remainingExpirationTime=0,wl||(wl=!0,El=e)}function mr(e){null===yl&&r("246"),yl.remainingExpirationTime=e}function yr(e,t){var n=xl;xl=!0;try{return e(t)}finally{(xl=n)||ml||lr()}}function vr(e,t){if(xl&&!kl){kl=!0;try{return e(t)}finally{kl=!1}}return e(t)}function gr(e,t){ml&&r("187");var n=xl;xl=!0;try{return nr(e,t)}finally{xl=n,lr()}}function br(e,t,n){if(Cl)return e(t,n);xl||ml||0===gl||(ur(gl,!1,null),gl=0);var r=Cl,o=xl;xl=Cl=!0;try{return e(t,n)}finally{Cl=r,(xl=o)||ml||lr()}}function wr(e){var t=xl;xl=!0;try{nr(e)}finally{(xl=t)||ml||ur(1,!1,null)}}function Er(e,t,n,o,i){var a=t.current;if(n){n=n._reactInternalFiber;var l;e:{for(2===Ie(n)&&2===n.tag||r("170"),l=n;3!==l.tag;){if(Pt(l)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break e}(l=l.return)||r("171")}l=l.stateNode.context}n=Pt(n)?Ut(n,l):l}else n=Wr;return null===t.context?t.context=n:t.pendingContext=n,t=i,i=Kt(o),i.payload={element:e},t=void 0===t?null:t,null!==t&&(i.callback=t),Xt(a,i,o),Jn(a,o),o}function _r(e){var t=e._reactInternalFiber;return void 0===t&&("function"===typeof e.render?r("188"):r("268",Object.keys(e))),e=je(t),null===e?null:e.stateNode}function xr(e,t,n,r){var o=t.current;return o=Zn(er(),o),Er(e,t,n,o,r)}function kr(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Cr(e){var t=e.findFiberByHostInstance;return Vt(Dr({},e,{findHostInstanceByFiber:function(e){return e=je(e),null===e?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}function Tr(e,t,n){var r=3=Co),Po=String.fromCharCode(32),No={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Oo=!1,Ro=!1,Uo={eventTypes:No,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(ko)e:{switch(e){case"compositionstart":o=No.compositionStart;break e;case"compositionend":o=No.compositionEnd;break e;case"compositionupdate":o=No.compositionUpdate;break e}o=void 0}else Ro?z(e,n)&&(o=No.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=No.compositionStart);return o?(So&&(Ro||o!==No.compositionStart?o===No.compositionEnd&&Ro&&(i=M()):(go._root=r,go._startText=F(),Ro=!0)),o=Eo.getPooled(o,t,n,r),i?o.data=i:null!==(i=B(n))&&(o.data=i),N(o),i=o):i=null,(e=To?W(e,n):V(e,n))?(t=_o.getPooled(No.beforeInput,t,n,r),t.data=e,N(t)):t=null,null===i?t:null===t?i:[i,t]}},Io=null,Mo={injectFiberControlledHostComponent:function(e){Io=e}},Fo=null,jo=null,Do={injection:Mo,enqueueStateRestore:$,needsStateRestore:q,restoreStateIfNeeded:G},Ao=!1,Lo={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0},zo=Fr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Bo="function"===typeof Symbol&&Symbol.for,Wo=Bo?Symbol.for("react.element"):60103,Vo=Bo?Symbol.for("react.portal"):60106,Ho=Bo?Symbol.for("react.fragment"):60107,$o=Bo?Symbol.for("react.strict_mode"):60108,qo=Bo?Symbol.for("react.profiler"):60114,Go=Bo?Symbol.for("react.provider"):60109,Ko=Bo?Symbol.for("react.context"):60110,Qo=Bo?Symbol.for("react.async_mode"):60111,Xo=Bo?Symbol.for("react.forward_ref"):60112,Yo=Bo?Symbol.for("react.timeout"):60113,Zo="function"===typeof Symbol&&Symbol.iterator,Jo=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ei=Object.prototype.hasOwnProperty,ti={},ni={},ri={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ri[e]=new fe(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ri[t]=new fe(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){ri[e]=new fe(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","preserveAlpha"].forEach(function(e){ri[e]=new fe(e,2,!1,e,null)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ri[e]=new fe(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){ri[e]=new fe(e,3,!0,e.toLowerCase(),null)}),["capture","download"].forEach(function(e){ri[e]=new fe(e,4,!1,e.toLowerCase(),null)}),["cols","rows","size","span"].forEach(function(e){ri[e]=new fe(e,6,!1,e.toLowerCase(),null)}),["rowSpan","start"].forEach(function(e){ri[e]=new fe(e,5,!1,e.toLowerCase(),null)});var oi=/[\-:]([a-z])/g;"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(oi,de);ri[t]=new fe(t,1,!1,e,null)}),"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(oi,de);ri[t]=new fe(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(oi,de);ri[t]=new fe(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),ri.tabIndex=new fe("tabIndex",1,!1,"tabindex",null);var ii={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}},ai=null,li=null,ui=!1;jr.canUseDOM&&(ui=ee("input")&&(!document.documentMode||9=document.documentMode,Ai={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Li=null,zi=null,Bi=null,Wi=!1,Vi={eventTypes:Ai,extractEvents:function(e,t,n,r){var o,i=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!i)){e:{i=qe(i),o=Qr.onSelect;for(var a=0;at)){e=-1;for(var n=[],r=Ji;null!==r;){var o=r.timeoutTime;-1!==o&&o<=t?n.push(r):-1!==o&&(-1===e||ot&&(t=8),aa=t"+t+"",t=pa.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}}),ma={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!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},ya=["Webkit","ms","Moz","O"];Object.keys(ma).forEach(function(e){ya.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ma[t]=ma[e]})});var va=Dr({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0}),ga=Ar.thatReturns(""),ba={createElement:dt,createTextNode:pt,setInitialProperties:ht,diffProperties:mt,updateProperties:yt,diffHydratedProperties:vt,diffHydratedText:gt,warnForUnmatchedText:function(){},warnForDeletedHydratableElement:function(){},warnForDeletedHydratableText:function(){},warnForInsertedHydratedElement:function(){},warnForInsertedHydratedText:function(){},restoreControlledState:function(e,t,n){switch(t){case"input":if(ve(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t2&&void 0!==arguments[2]?arguments[2]:2e3,o=arguments[3];return s||(s=r()),s.addNotice({type:e,content:t,duration:n,onClose:o})};t.a={info:function(e,t,n){return f("info",e,t,n)},success:function(e,t,n){return f("success",e,t,n)},warning:function(e,t,n){return f("warning",e,t,n)},error:function(e,t,n){return f("error",e,t,n)},loading:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments[2];return f("loading",e,t,n)}}},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),l=n.n(a),u=n(34),c=(n.n(u),n(43)),s=function(){function e(e,t){for(var n=0;n0&&"loading"===n[e.length-1].type?(n.push(e),setTimeout(function(){t.setState({notices:n})},this.transitionTime)):(n.push(e),this.setState({notices:n})),e.duration>0&&setTimeout(function(){t.removeNotice(e.key)},e.duration)),function(){t.removeNotice(e.key)}}},{key:"removeNotice",value:function(e){var t=this,n=this.state.notices;this.setState({notices:n.filter(function(n){return n.key!==e||(n.onClose&&setTimeout(n.onClose,t.transitionTime),!1)})})}},{key:"render",value:function(){var e=this,t=this.state.notices;return l.a.createElement(u.TransitionGroup,{className:"toast-notification"},t.map(function(t){return l.a.createElement(u.CSSTransition,{key:t.key,classNames:"toast-notice-wrapper notice",timeout:e.transitionTime},l.a.createElement(c.a,t))}))}}]),t}(a.Component);t.a=f},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=n(35),i=r(o),a=n(41),l=r(a),u=n(11),c=r(u),s=n(8),f=r(s);e.exports={Transition:f.default,TransitionGroup:c.default,ReplaceTransition:l.default,CSSTransition:i.default}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function a(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function l(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var u=n(1),c=r(u),s=n(0),f=r(s),d=n(2),p=n(11),h=r(p),m=(c.default.bool.isRequired,function(e){function t(){var n,r,o;i(this,t);for(var l=arguments.length,u=Array(l),c=0;c.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}")}catch(e){console&&console.log(e)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var n=function e(){document.removeEventListener("DOMContentLoaded",e,!1),t()};document.addEventListener("DOMContentLoaded",n,!1)}else document.attachEvent&&function(e,t){var n=e.document,r=!1,o=function(){r||(r=!0,t())};!function e(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(e,50)}o()}(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,o())}}(e,t)}(t)}(window)}]); 2 | //# sourceMappingURL=main.84edd08e.js.map -------------------------------------------------------------------------------- /docs/modal.md: -------------------------------------------------------------------------------- 1 | # 全局对话框组件 Modal 2 | 3 | 用于提示某些重要信息、需要用户确认的操作,以及收集用户的输入内容。 4 | 5 | ## 效果预览 6 | 7 | - [点此预览](https://cicec.github.io/react-components/dist/modal/) 8 | 9 | ## 如何使用 10 | 11 | Modal组件提供三个方法,分别为: 12 | 13 | - alert(提示对话框) 14 | - confirm(确认对话框) 15 | - prompt(输入对话框) 16 | 17 | 这三个方法统一接收一个对象,对象可选属性有: 18 | 19 | - contentText: 对话框提内容文本 20 | - onOk:点击确认按钮时执行的回调函数。如果调用方法为 prompt,那么组件会将用户输入的内容作为此回调函数的参数传入。 21 | - onCancel:点击取消按钮时执行的回调函数。注意:alert 方法不接受 onCancel 函数作为参数。 22 | 23 | ### 示例 24 | 25 | ``` js 26 | import Modal from './components/modal' 27 | 28 | ... 29 | const { alert, confirm, prompt } = Modal 30 | 31 | alert({ contentText: '已退出登录!' }) 32 | 33 | confirm({ 34 | contentText: '确定要删除吗?', 35 | onOk() { console.log('文件已删除!') }, 36 | onCancel() { console.log('用户已取消操作。') } 37 | }) 38 | 39 | prompt({ 40 | contentText: '请输入用户名:', 41 | onOk(result) { console.log(`您的用户名已修改为:${result}`) }, 42 | onCancel() { console.log('用户已取消操作。') } 43 | }) 44 | ... 45 | ``` 46 | 47 | ## 组件依赖 48 | 49 | ``` json 50 | { 51 | "react": "^16.4.2", 52 | "react-dom": "^16.4.2", 53 | "react-transition-group": "^2.4.0" 54 | } 55 | ``` 56 | 57 | 依赖版本仅供参考。推荐 react、 react-dom 版本 16.0 以上,react-transition-group 版本 2.0 以上。 58 | -------------------------------------------------------------------------------- /docs/toast.md: -------------------------------------------------------------------------------- 1 | # 轻量级信息提示组件 Toast 2 | 3 | 用于在不打断用户操作的情况下提供成功、警告、错误等反馈信息。 4 | 5 | ## 效果预览 6 | 7 | - [点此预览](https://cicec.github.io/react-components/dist/toast/) 8 | 9 | ## 如何使用 10 | 11 | ``` js 12 | import Toast from './components/toast' 13 | 14 | ... 15 | 16 | ... 17 | ``` 18 | 19 | Toast提供的函数调用后返回一个函数,调用这个函数可以立即关闭提示信息。如: 20 | 21 | ``` js 22 | 31 | ``` 32 | 33 | ## 调用规则 34 | 35 | - Toast提供五种消息提示类型,分别为: 36 | - info(普通) 37 | - success(成功) 38 | - warning(警告) 39 | - error(错误) 40 | - loading(加载) 41 | - 这些函数接收3个参数,分别为: 42 | - content 提示内容 string 43 | - (可选) duration 提示持续时间 number(单位为ms) 44 | - (可选) onClose 提示关闭时的回调函数 45 | - info、succcess、warning、error中duration的默认值为2000(2s后自动关闭),而loading的duration默认值为0(即默认不自动关闭)。 46 | 47 | 48 | ## 组件依赖 49 | 50 | ``` json 51 | { 52 | "react": "^16.4.2", 53 | "react-dom": "^16.4.2", 54 | "react-transition-group": "^2.4.0" 55 | } 56 | ``` 57 | 58 | 依赖版本仅供参考,推荐 react、 react-dom 版本 16.0 以上,react-transition-group 版本 2.0 以上。 59 | --------------------------------------------------------------------------------