{"version":3,"sources":["App/components/Notifications.js","Demo/UIElements/Advance/Notification.js"],"names":["AlertMessage","_ref","appearance","children","transitionState","transitionDuration","onDismiss","animation","Ani","type","Fade","Flip","Rotate","Zoom","Bounce","Roll","LightSpeed","Jump","Flash","HeadShake","Jello","Pulse","RubberBand","Shake","Spin","Swing","Tada","Wobble","Slide","getAnimation","direction","react_default","a","createElement","left","right","top","bottom","when","Alert","variant","dismissible","onClose","Notifications","_this","this","_Aux","dist","components","Toast","placement","props","notification","_ref2","add","onClick","message","autoDismiss","React","Component","colourOptions","value","label","color","potionOption","animationOption","dot","alignItems","display",":before","backgroundColor","arguments","length","undefined","borderRadius","content","marginRight","height","width","colourStyles","control","styles","Object","objectSpread","option","data","isDisabled","isFocused","isSelected","chroma","alpha","css","contrast","cursor","input","placeholder","singleValue","AdvanceNotification","state","animationDirectionHandler","setState","handleChange","event","target","_this2","Row","Col","Card","Header","Title","as","Body","className","sm","md","Form","Group","controlId","Label","react_select_browser_esm","defaultValue","options","onChange","_ref3","_ref4","_ref5","name","id","checked","_ref6","htmlFor","_ref7","_ref8","_ref9","_ref10","prevState","Control","rows","components_Notifications","Button"],"mappings":"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","file":"static/js/141.16dbf4a8.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Alert} from 'react-bootstrap';\r\nimport { ToastProvider, ToastConsumer } from 'react-toast-notifications';\r\nimport {Fade, Flip, Rotate, Zoom, Bounce, Slide, Roll, LightSpeed} from 'react-reveal';\r\n\r\nimport Jump from 'react-reveal/Jump';\r\nimport Flash from 'react-reveal/Flash';\r\nimport HeadShake from 'react-reveal/HeadShake';\r\nimport Jello from 'react-reveal/Jello';\r\nimport Pulse from 'react-reveal/Pulse';\r\nimport RubberBand from 'react-reveal/RubberBand';\r\nimport Shake from 'react-reveal/Shake';\r\nimport Spin from 'react-reveal/Spin';\r\nimport Swing from 'react-reveal/Swing';\r\nimport Tada from 'react-reveal/Tada';\r\nimport Wobble from 'react-reveal/Wobble';\r\n\r\nimport Aux from \"../../hoc/_Aux\";\r\n\r\nconst AlertMessage = ({appearance, children, transitionDuration, transitionState, onDismiss, animation}) => {\r\n    const Ani = getAnimation(animation.type);\r\n    const direction = animation.direction;\r\n    return (\r\n        <Ani\r\n            left={direction === 'left'}\r\n            right={direction === 'right'}\r\n            top={direction === 'top'}\r\n            bottom={direction === 'bottom'}\r\n            when={transitionState === 'entered'}\r\n        >\r\n            <Alert variant={appearance} dismissible onClose={onDismiss}>\r\n                {children}\r\n            </Alert>\r\n        </Ani>\r\n    );\r\n};\r\n\r\nfunction getAnimation(type) {\r\n    switch (type) {\r\n        case 'fade':\r\n            return Fade;\r\n        case 'flip':\r\n            return Flip;\r\n        case 'rotate':\r\n            return Rotate;\r\n        case 'zoom':\r\n            return Zoom;\r\n        case 'bounce':\r\n            return Bounce;\r\n        case 'roll':\r\n            return Roll;\r\n        case 'light-speed':\r\n            return LightSpeed;\r\n        case 'jump':\r\n            return Jump;\r\n        case 'flash':\r\n            return Flash;\r\n        case 'head-shake':\r\n            return HeadShake;\r\n        case 'jello':\r\n            return Jello;\r\n        case 'pulse':\r\n            return Pulse;\r\n        case 'rubber-band':\r\n            return RubberBand;\r\n        case 'shake':\r\n            return Shake;\r\n        case 'spin':\r\n            return Spin;\r\n        case 'swing':\r\n            return Swing;\r\n        case 'tada':\r\n            return Tada;\r\n        case 'wobble':\r\n            return Wobble;\r\n        default:\r\n            return Slide;\r\n    }\r\n}\r\n\r\nclass Notifications extends React.Component {\r\n    render(){\r\n            return (\r\n                <Aux>\r\n                    <ToastProvider components={{Toast: AlertMessage}} placement={this.props.notification.placement} animation={this.props.notification.animation}>\r\n                        <ToastConsumer>\r\n                            {({add}) => {\r\n                                return (\r\n                                    <span onClick={() => add(this.props.notification.message, {\r\n                                        appearance: this.props.notification.variant,\r\n                                        autoDismiss: this.props.notification.autoDismiss\r\n                                    })}>\r\n                                        {this.props.children}\r\n                                    </span>\r\n                                );\r\n                            }}\r\n                        </ToastConsumer>\r\n                    </ToastProvider>\r\n                </Aux>\r\n            );\r\n    }\r\n}\r\n\r\nexport default Notifications;","import React from 'react';\r\nimport {Row, Col, Card, Button, Form} from 'react-bootstrap';\r\nimport chroma from 'chroma-js';\r\nimport Select from 'react-select';\r\n\r\nimport Aux from \"../../../hoc/_Aux\";\r\nimport Notifications from '../../../App/components/Notifications';\r\n\r\nconst colourOptions = [\r\n    { value: 'inverse', label: 'Inverse', color: '#333' },\r\n    { value: 'primary', label: 'Primary', color: '#04a9f5' },\r\n    { value: 'info', label: 'Info', color: '#3ebfea' },\r\n    { value: 'success', label: 'Success', color: '#1de9b6' },\r\n    { value: 'warning', label: 'Warning', color: '#f4c22b' },\r\n    { value: 'danger', label: 'Danger', color: '#f44236' },\r\n    { value: 'dark', label: 'Dark', color: '#c7cbce' },\r\n    { value: 'light', label: 'Light', color: '#f2f2f2' }\r\n];\r\n\r\nconst potionOption = [\r\n    { value: 'top-left', label: 'Top Left' },\r\n    { value: 'top-right', label: 'Top Right' },\r\n    { value: 'top-center', label: 'Top Center' },\r\n    { value: 'bottom-left', label: 'Bottom Left' },\r\n    { value: 'bottom-right', label: 'Bottom Right' },\r\n    { value: 'bottom-center', label: 'Bottom Center' }\r\n];\r\n\r\nconst animationOption = [\r\n    { value: 'fade', label: 'Fade' },\r\n    { value: 'flip', label: 'Flip' },\r\n    { value: 'rotate', label: 'Rotate' },\r\n    { value: 'zoom', label: 'Zoom' },\r\n    { value: 'bounce', label: 'Bounce' },\r\n    { value: 'slide', label: 'Slide' },\r\n    { value: 'roll', label: 'Roll' },\r\n    { value: 'light-speed', label: 'Light Speed' },\r\n    { value: 'jump', label: 'Jump' },\r\n    { value: 'flash', label: 'Flash' },\r\n    { value: 'head-shake', label: 'Head Shake' },\r\n    { value: 'jello', label: 'Jello' },\r\n    { value: 'pulse', label: 'Pulse' },\r\n    { value: 'rubber-band', label: 'Rubber Band' },\r\n    { value: 'shake', label: 'Shake' },\r\n    { value: 'spin', label: 'Spin' },\r\n    { value: 'swing', label: 'Swing' },\r\n    { value: 'tada', label: 'Tada' },\r\n    { value: 'wobble', label: 'Wobble' },\r\n];\r\n\r\nconst dot = (color = '#ccc') => ({\r\n    alignItems: 'center',\r\n    display: 'flex',\r\n\r\n    ':before': {\r\n        backgroundColor: color,\r\n        borderRadius: 10,\r\n        content: '\" \"',\r\n        display: 'block',\r\n        marginRight: 8,\r\n        height: 10,\r\n        width: 10,\r\n    },\r\n});\r\n\r\nconst colourStyles = {\r\n    control: styles => ({ ...styles, backgroundColor: 'white' }),\r\n    option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n        const color = chroma(data.color);\r\n        return {\r\n            ...styles,\r\n            backgroundColor: isDisabled\r\n                ? null\r\n                : isSelected ? data.color : isFocused ? color.alpha(0.1).css() : null,\r\n            color: isDisabled\r\n                ? '#ccc'\r\n                : isSelected\r\n                    ? chroma.contrast(color, 'white') > 2 ? 'white' : 'black'\r\n                    : data.color,\r\n            cursor: isDisabled ? 'not-allowed' : 'default',\r\n        };\r\n    },\r\n    input: styles => ({ ...styles, ...dot() }),\r\n    placeholder: styles => ({ ...styles, ...dot() }),\r\n    singleValue: (styles, { data }) => ({ ...styles, ...dot(data.color) }),\r\n};\r\n\r\nclass AdvanceNotification extends React.Component {\r\n    state = {\r\n        variant: 'inverse',\r\n        placement: 'top-right',\r\n        autoDismiss: true,\r\n        animation: {type: 'slide', direction: 'top'},\r\n        message: 'Bootstrap Growl Turning standard Bootstrap alerts into awesome notification'\r\n    };\r\n\r\n    animationDirectionHandler = (direction) => {\r\n        this.setState({...this.state, animation: {...this.state.animation, direction: direction}})\r\n    };\r\n\r\n    handleChange = (event) => {\r\n        this.setState({message: event.target.value});\r\n    };\r\n\r\n    render() {\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\">Growl Notification</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Row className=\"justify-content-md-center\">\r\n                                    <Col sm={12} md={7}>\r\n                                        <Form.Group controlId=\"formPosition\">\r\n                                            <Form.Label>Position Variant</Form.Label>\r\n                                            <Select\r\n                                                defaultValue={potionOption[1]}\r\n                                                label=\"Select Position\"\r\n                                                options={potionOption}\r\n                                                onChange={({value}) => this.setState({placement: value})}\r\n                                            />\r\n                                        </Form.Group>\r\n                                        <Form.Group controlId=\"formColor\">\r\n                                            <Form.Label>Color Variant</Form.Label>\r\n                                            <Select\r\n                                                defaultValue={colourOptions[0]}\r\n                                                label=\"Select Variant\"\r\n                                                options={colourOptions}\r\n                                                styles={colourStyles}\r\n                                                onChange={({value}) => this.setState({variant: value})}\r\n                                            />\r\n                                        </Form.Group>\r\n                                        <Form.Group controlId=\"formAnimation\">\r\n                                            <Form.Label>Animation Type</Form.Label>\r\n                                            <Select\r\n                                                defaultValue={animationOption[5]}\r\n                                                label=\"Select Variant\"\r\n                                                options={animationOption}\r\n                                                onChange={({value}) => this.setState({...this.state, animation: {...this.state.animation, type: value}})}\r\n                                            />\r\n                                        </Form.Group>\r\n                                        <Form.Group controlId=\"formDirectionRight\">\r\n                                            <Form.Label>Animation Direction</Form.Label>\r\n                                        </Form.Group>\r\n                                        <Form.Group controlId=\"formDirectionRight\">\r\n                                            <div className=\"radio radio-primary d-inline\">\r\n                                                <input type=\"radio\" name=\"rdoDirection\" id=\"directionNone\" checked={this.state.animation.direction === 'none'} onChange={({value}) => this.animationDirectionHandler('none')} />\r\n                                                <label htmlFor=\"directionNone\" className=\"cr\">None</label>\r\n                                            </div>\r\n                                            <div className=\"radio radio-primary d-inline\">\r\n                                                <input type=\"radio\" name=\"rdoDirection\" id=\"directionRight\" checked={this.state.animation.direction === 'right'} onChange={({value}) => this.animationDirectionHandler('right')} />\r\n                                                <label htmlFor=\"directionRight\" className=\"cr\">Right</label>\r\n                                            </div>\r\n                                            <div className=\"radio radio-primary d-inline\">\r\n                                                <input type=\"radio\" name=\"rdoDirection\" id=\"directionLeft\" checked={this.state.animation.direction === 'left'} onChange={({value}) => this.animationDirectionHandler('left')} />\r\n                                                <label htmlFor=\"directionLeft\" className=\"cr\">Left</label>\r\n                                            </div>\r\n                                            <div className=\"radio radio-primary d-inline\">\r\n                                                <input type=\"radio\" name=\"rdoDirection\" id=\"directionTop\" checked={this.state.animation.direction === 'top'} onChange={({value}) => this.animationDirectionHandler('top')} />\r\n                                                <label htmlFor=\"directionTop\" className=\"cr\">Top</label>\r\n                                            </div>\r\n                                            <div className=\"radio radio-primary d-inline\">\r\n                                                <input type=\"radio\" name=\"rdoDirection\" id=\"directionBottom\" checked={this.state.animation.direction === 'bottom'} onChange={({value}) => this.animationDirectionHandler('bottom')} />\r\n                                                <label htmlFor=\"directionBottom\" className=\"cr\">Bottom</label>\r\n                                            </div>\r\n                                        </Form.Group>\r\n                                        <Form.Group controlId=\"formBasicEmail\">\r\n                                            <div className=\"switch switch-primary d-inline m-r-10\">\r\n                                                <input type=\"checkbox\" id=\"icon-colored\" checked={this.state.autoDismiss} onChange={() => this.setState(prevState => {return {autoDismiss: !prevState.autoDismiss}})} />\r\n                                                <label htmlFor=\"icon-colored\" className=\"cr\" />\r\n                                            </div>\r\n                                            <Form.Label>Auto Dismiss</Form.Label>\r\n                                        </Form.Group>\r\n                                        <Form.Group controlId=\"exampleForm.ControlTextarea1\">\r\n                                            <Form.Label>Message</Form.Label>\r\n                                            <Form.Control as=\"textarea\" rows=\"3\" value={this.state.message} onChange={this.handleChange}/>\r\n                                        </Form.Group>\r\n                                        <Notifications notification={this.state}><Button>Add Notification</Button></Notifications>\r\n                                    </Col>\r\n                                </Row>\r\n\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default AdvanceNotification;\r\n"],"sourceRoot":""}