{"version":3,"sources":["App/components/AnimatedModal.js","Demo/UIElements/Advance/Modal.js"],"names":["AnimatedModal","react__WEBPACK_IMPORTED_MODULE_5___default","a","createElement","_hoc_Aux__WEBPACK_IMPORTED_MODULE_7__","react_animated_modal__WEBPACK_IMPORTED_MODULE_6___default","visible","this","props","showModal","closemodal","modalClosed","type","animation","children","React","Component","AdvanceModal","state","_this2","_this$state","modal","map","variant","idx","react_bootstrap__WEBPACK_IMPORTED_MODULE_6__","key","onClick","setState","_hoc_Aux__WEBPACK_IMPORTED_MODULE_10__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","react_bootstrap__WEBPACK_IMPORTED_MODULE_9__","Header","Title","as","Body","className","_App_components_AnimatedModal__WEBPACK_IMPORTED_MODULE_11__","Footer"],"mappings":"+KAKMA,mLAGE,OACIC,EAAAC,EAAAC,cAACC,EAAA,EAAD,KACIH,EAAAC,EAAAC,cAACE,EAAAH,EAAD,CACII,QAASC,KAAKC,MAAMC,UACpBC,WAAYH,KAAKC,MAAMG,YACvBC,KAAML,KAAKC,MAAMK,WAEhBN,KAAKC,MAAMM,kBAVJC,IAAMC,WAiBnBhB,4JChBTiB,6MACFC,MAAQ,CACJT,WAAW,EACXI,UAAW,4EAGN,IAAAM,EAAAZ,KAAAa,EAQ0Bb,KAAKW,MAA7BT,EARFW,EAQEX,UAAWI,EARbO,EAQaP,UAEZQ,EATmB,CAAC,QAAS,aAAc,QAAS,QAAS,OAAQ,SAAU,QAAS,WAC1F,eAAgB,eAAgB,gBAAiB,aAAc,SAAU,aAAc,aACvF,cAAe,WAAY,OAAQ,UAAW,UAAW,eAAgB,WAAY,mBACrF,oBAAqB,iBAAkB,kBAAmB,YAAa,cAAe,cACtF,eAAgB,SAAU,aAAc,aAAc,cAAe,WAAY,QAAS,eAC1F,SAAU,SAAU,SAIOC,IAAI,SAACC,EAASC,GACzC,OAAOvB,EAAAC,EAAAC,cAACsB,EAAA,EAAD,CAAQC,IAAKF,EAAKG,QAAS,kBAAMR,EAAKS,SAAS,CAAEnB,WAAW,EAAMI,UAAWU,MAAaA,KAGrG,OACItB,EAAAC,EAAAC,cAAC0B,EAAA,EAAD,KACI5B,EAAAC,EAAAC,cAAC2B,EAAA,EAAD,KACI7B,EAAAC,EAAAC,cAAC4B,EAAA,EAAD,KACI9B,EAAAC,EAAAC,cAAC6B,EAAA,EAAD,KACI/B,EAAAC,EAAAC,cAAC6B,EAAA,EAAKC,OAAN,KACIhC,EAAAC,EAAAC,cAAC6B,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,mBAEJlC,EAAAC,EAAAC,cAAC6B,EAAA,EAAKI,KAAN,CAAWC,UAAU,YAChBhB,MAKjBpB,EAAAC,EAAAC,cAACmC,EAAA,EAAD,CAAezB,UAAWA,EAAWJ,UAAWA,EAAWE,YAAa,kBAAMQ,EAAKS,SAAS,CAAEnB,WAAW,MACrGR,EAAAC,EAAAC,cAAC6B,EAAA,EAAD,KACI/B,EAAAC,EAAAC,cAAC6B,EAAA,EAAKC,OAAN,KACIhC,EAAAC,EAAAC,cAAC6B,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,mBAEJlC,EAAAC,EAAAC,cAAC6B,EAAA,EAAKI,KAAN,KACInC,EAAAC,EAAAC,cAAA,6EACAF,EAAAC,EAAAC,cAAA,UACIF,EAAAC,EAAAC,cAAA,UAAIF,EAAAC,EAAAC,cAAA,uBAAJ,oGACAF,EAAAC,EAAAC,cAAA,UAAIF,EAAAC,EAAAC,cAAA,uBAAJ,oGACAF,EAAAC,EAAAC,cAAA,UAAIF,EAAAC,EAAAC,cAAA,wBAAJ,oDAGRF,EAAAC,EAAAC,cAAC6B,EAAA,EAAKO,OAAN,CAAaF,UAAU,eACnBpC,EAAAC,EAAAC,cAAA,UAAQwB,QAAS,kBAAMR,EAAKS,SAAS,CAAEnB,WAAW,KAAU4B,UAAU,4BAAtE,yBAhDDtB,IAAMC,WAyDlBC","file":"static/js/112.423ee8b1.chunk.js","sourcesContent":["import React from 'react';\r\nimport Modal from \"react-animated-modal\";\r\n\r\nimport Aux from \"../../hoc/_Aux\";\r\n\r\nclass AnimatedModal extends React.Component {\r\n\r\n    render() {\r\n        return (\r\n            <Aux>\r\n                <Modal\r\n                    visible={this.props.showModal}\r\n                    closemodal={this.props.modalClosed}\r\n                    type={this.props.animation}\r\n                >\r\n                    {this.props.children}\r\n                </Modal>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default AnimatedModal;","import React from 'react';\r\nimport {Row, Col, Button, Card} from 'react-bootstrap';\r\n\r\nimport Aux from \"../../../hoc/_Aux\";\r\nimport AnimatedModal from \"../../../App/components/AnimatedModal\";\r\n\r\nclass AdvanceModal extends React.Component {\r\n    state = {\r\n        showModal: false,\r\n        animation: ''\r\n    };\r\n\r\n    render() {\r\n        const animationVariant = ['pulse', 'rubberBand', 'shake', 'swing', 'tada', 'wobble', 'jello', 'bounceIn',\r\n            'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp', 'fadeIn', 'fadeInDown', 'fadeInLeft',\r\n            'fadeInRight', 'fadeInUp', 'flip', 'flipInX', 'flipInY', 'lightSpeedIn', 'rotateIn', 'rotateInDownLeft',\r\n            'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight', 'slideInUp', 'slideInDown', 'slideInLeft',\r\n            'slideInRight', 'zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp', 'hinge', 'jackInTheBox',\r\n            'rollIn', 'bounce', 'flash'];\r\n\r\n        const {showModal, animation} = this.state;\r\n\r\n        const modal = animationVariant.map((variant, idx) => {\r\n            return <Button key={idx} onClick={() => this.setState({ showModal: true, animation: variant })}>{variant}</Button>\r\n        });\r\n\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Animeted Model</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body className='btn-page'>\r\n                                {modal}\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n                <AnimatedModal animation={animation} showModal={showModal} modalClosed={() => this.setState({ showModal: false })}>\r\n                    <Card>\r\n                        <Card.Header>\r\n                            <Card.Title as='h5'>Modal Dialog 1</Card.Title>\r\n                        </Card.Header>\r\n                        <Card.Body>\r\n                            <p>This is a modal window. You can do the following things with it:</p>\r\n                            <ul>\r\n                                <li><strong>Read:</strong> modal windows will probably tell you something important so don't forget to read what they say.</li>\r\n                                <li><strong>Look:</strong> a modal window enjoys a certain kind of attention; just look at it and appreciate its presence.</li>\r\n                                <li><strong>Close:</strong> click on the button below to close the modal.</li>\r\n                            </ul>\r\n                        </Card.Body>\r\n                        <Card.Footer className=\"text-center\">\r\n                            <button onClick={() => this.setState({ showModal: false })} className=\"btn btn-primary md-close\">Close Me!!</button>\r\n                        </Card.Footer>\r\n                    </Card>\r\n                </AnimatedModal>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default AdvanceModal;"],"sourceRoot":""}