{"version":3,"sources":["../node_modules/react-bootstrap/es/Collapse.js","Demo/UIElements/Basic/Collapse.js"],"names":["_collapseStyles","_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1__","_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__","classnames__WEBPACK_IMPORTED_MODULE_3__","classnames__WEBPACK_IMPORTED_MODULE_3___default","n","dom_helpers_style__WEBPACK_IMPORTED_MODULE_4__","dom_helpers_style__WEBPACK_IMPORTED_MODULE_4___default","react__WEBPACK_IMPORTED_MODULE_5__","react__WEBPACK_IMPORTED_MODULE_5___default","dom_helpers_transition_end__WEBPACK_IMPORTED_MODULE_6__","dom_helpers_transition_end__WEBPACK_IMPORTED_MODULE_6___default","react_transition_group_Transition__WEBPACK_IMPORTED_MODULE_7__","_utils_triggerBrowserReflow__WEBPACK_IMPORTED_MODULE_8__","_utils_createChainedFunction__WEBPACK_IMPORTED_MODULE_9__","MARGINS","height","width","collapseStyles","defaultProps","in","timeout","mountOnEnter","unmountOnExit","appear","dimension","getDimensionValue","elem","value","toUpperCase","slice","margins","parseInt","Collapse","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","this","concat","handleEnter","style","getDimension","handleEntering","_getScrollDimensionValue","handleEntered","handleExit","props","Object","handleExiting","_proto","prototype","render","_this2","_this$props","onEnter","onEntering","onEntered","onExit","onExiting","className","children","a","createElement","addEndListener","aria-expanded","role","state","innerProps","cloneElement","Component","__webpack_exports__","BasicCollapse","isBasic","isMultiTarget","accordionKey","targetHandler","target","some","item","setState","prevState","filter","E_next_react_node_modules_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__","multiTargetHandler","map","_this$state","react__WEBPACK_IMPORTED_MODULE_6___default","_hoc_Aux__WEBPACK_IMPORTED_MODULE_12__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","sm","react_bootstrap__WEBPACK_IMPORTED_MODULE_9__","Header","react_bootstrap__WEBPACK_IMPORTED_MODULE_10__","href","DEMO","BLANK_LINK","onClick","aria-controls","react_bootstrap__WEBPACK_IMPORTED_MODULE_11__","id","Body","Text","Title","as"],"mappings":"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","file":"static/js/121.fe87800e.chunk.js","sourcesContent":["import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\n\nvar _collapseStyles;\n\nimport classNames from 'classnames';\nimport css from 'dom-helpers/style';\nimport React from 'react';\nimport onEnd from 'dom-helpers/transition/end';\nimport Transition, { EXITED, ENTERED, ENTERING, EXITING } from 'react-transition-group/Transition';\nimport triggerBrowserReflow from './utils/triggerBrowserReflow';\nimport createChainedFunction from './utils/createChainedFunction';\nvar MARGINS = {\n  height: ['marginTop', 'marginBottom'],\n  width: ['marginLeft', 'marginRight']\n};\n\nfunction getDimensionValue(dimension, elem) {\n  var offset = \"offset\" + dimension[0].toUpperCase() + dimension.slice(1);\n  var value = elem[offset];\n  var margins = MARGINS[dimension];\n  return value + parseInt(css(elem, margins[0]), 10) + parseInt(css(elem, margins[1]), 10);\n}\n\nvar collapseStyles = (_collapseStyles = {}, _collapseStyles[EXITED] = 'collapse', _collapseStyles[EXITING] = 'collapsing', _collapseStyles[ENTERING] = 'collapsing', _collapseStyles[ENTERED] = 'collapse show', _collapseStyles);\nvar defaultProps = {\n  in: false,\n  timeout: 300,\n  mountOnEnter: false,\n  unmountOnExit: false,\n  appear: false,\n  dimension: 'height',\n  getDimensionValue: getDimensionValue\n};\n\nvar Collapse =\n/*#__PURE__*/\nfunction (_React$Component) {\n  _inheritsLoose(Collapse, _React$Component);\n\n  function Collapse() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;\n\n    _this.handleEnter = function (elem) {\n      elem.style[_this.getDimension()] = '0';\n    };\n\n    _this.handleEntering = function (elem) {\n      var dimension = _this.getDimension();\n\n      elem.style[dimension] = _this._getScrollDimensionValue(elem, dimension);\n    };\n\n    _this.handleEntered = function (elem) {\n      elem.style[_this.getDimension()] = null;\n    };\n\n    _this.handleExit = function (elem) {\n      var dimension = _this.getDimension();\n\n      elem.style[dimension] = _this.props.getDimensionValue(dimension, elem) + \"px\";\n      triggerBrowserReflow(elem);\n    };\n\n    _this.handleExiting = function (elem) {\n      elem.style[_this.getDimension()] = null;\n    };\n\n    return _this;\n  }\n\n  var _proto = Collapse.prototype;\n\n  _proto.getDimension = function getDimension() {\n    return typeof this.props.dimension === 'function' ? this.props.dimension() : this.props.dimension;\n  }\n  /* -- Expanding -- */\n  ; // for testing\n\n\n  _proto._getScrollDimensionValue = function _getScrollDimensionValue(elem, dimension) {\n    var scroll = \"scroll\" + dimension[0].toUpperCase() + dimension.slice(1);\n    return elem[scroll] + \"px\";\n  };\n\n  _proto.render = function render() {\n    var _this2 = this;\n\n    var _this$props = this.props,\n        onEnter = _this$props.onEnter,\n        onEntering = _this$props.onEntering,\n        onEntered = _this$props.onEntered,\n        onExit = _this$props.onExit,\n        onExiting = _this$props.onExiting,\n        className = _this$props.className,\n        children = _this$props.children,\n        props = _objectWithoutPropertiesLoose(_this$props, [\"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"className\", \"children\"]);\n\n    delete props.dimension;\n    delete props.getDimensionValue;\n    var handleEnter = createChainedFunction(this.handleEnter, onEnter);\n    var handleEntering = createChainedFunction(this.handleEntering, onEntering);\n    var handleEntered = createChainedFunction(this.handleEntered, onEntered);\n    var handleExit = createChainedFunction(this.handleExit, onExit);\n    var handleExiting = createChainedFunction(this.handleExiting, onExiting);\n    return React.createElement(Transition, _extends({\n      addEndListener: onEnd\n    }, props, {\n      \"aria-expanded\": props.role ? props.in : null,\n      onEnter: handleEnter,\n      onEntering: handleEntering,\n      onEntered: handleEntered,\n      onExit: handleExit,\n      onExiting: handleExiting\n    }), function (state, innerProps) {\n      return React.cloneElement(children, _extends({}, innerProps, {\n        className: classNames(className, children.props.className, collapseStyles[state], _this2.getDimension() === 'width' && 'width')\n      }));\n    });\n  };\n\n  return Collapse;\n}(React.Component);\n\nCollapse.defaultProps = defaultProps;\nexport default Collapse;","import React, {Component} from 'react';\r\nimport {\r\n    Row,\r\n    Col,\r\n    Button,\r\n    Card,\r\n    Collapse\r\n} from 'react-bootstrap';\r\n\r\nimport Aux from \"../../../hoc/_Aux\";\r\nimport DEMO from \"../../../store/constant\";\r\n\r\nclass BasicCollapse extends Component {\r\n    state = {\r\n        isBasic: false,\r\n        isMultiTarget: [],\r\n        accordionKey: 1\r\n    };\r\n\r\n    targetHandler = target => {\r\n        if(this.state.isMultiTarget.some(item => item === target)) {\r\n            this.setState(prevState => {\r\n                return {\r\n                    isMultiTarget: prevState.isMultiTarget.filter(item => item !== target)\r\n                }\r\n            });\r\n        } else {\r\n            this.setState(prevState => {\r\n                return {\r\n                    isMultiTarget: [...prevState.isMultiTarget, target]\r\n                }\r\n            });\r\n        }\r\n    };\r\n\r\n    multiTargetHandler = () => {\r\n        const allTarget = ['target1', 'target2'];\r\n        allTarget.map(target => {\r\n            this.targetHandler(target);\r\n            return false;\r\n        });\r\n    };\r\n\r\n    render() {\r\n        const { isBasic, isMultiTarget, accordionKey } = this.state;\r\n\r\n        return (\r\n            <Aux>\r\n                <Row className='btn-page'>\r\n                    <Col sm={12}>\r\n                        <h5>Basic Collapse</h5>\r\n                        <hr/>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Button href={DEMO.BLANK_LINK} onClick={() => this.setState({ isBasic: !isBasic })} aria-controls=\"basic-collapse\" aria-expanded={isBasic}>Collapse Link</Button>\r\n                                <Button onClick={() => this.setState({ isBasic: !isBasic })}>Collapse Button</Button>\r\n                            </Card.Header>\r\n                            <Collapse in={this.state.isBasic}>\r\n                                <div id=\"basic-collapse\">\r\n                                    <Card.Body>\r\n                                        <Card.Text>\r\n                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.\r\n                                        </Card.Text>\r\n                                    </Card.Body>\r\n                                </div>\r\n                            </Collapse>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col sm={12}>\r\n                        <h5>Multiple Targets</h5>\r\n                        <hr/>\r\n                        <Button onClick={() => this.targetHandler('target1')} aria-controls=\"target1\" aria-expanded={isMultiTarget.some(target => target === 'target1')}>Toggle first element</Button>\r\n                        <Button onClick={() => this.targetHandler('target2')} aria-controls=\"target2\" aria-expanded={isMultiTarget.some(target => target === 'target2')}>Toggle second element</Button>\r\n                        <Button onClick={this.multiTargetHandler}>Toggle both elements</Button>\r\n                        <Row>\r\n                            <Col>\r\n                                <Card className=\"mt-2\">\r\n                                    <Collapse in={isMultiTarget.some(target => target === 'target1')}>\r\n                                        <div id=\"target1\">\r\n                                            <Card.Header>\r\n                                                <Card.Title as='h5'>First Element</Card.Title>\r\n                                            </Card.Header>\r\n                                            <Card.Body>\r\n                                                <Card.Text>\r\n                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.\r\n                                                </Card.Text>\r\n                                            </Card.Body>\r\n                                        </div>\r\n                                    </Collapse>\r\n                                </Card>\r\n                            </Col>\r\n                            <Col>\r\n                                <Card className=\"mt-2\">\r\n                                    <Collapse in={isMultiTarget.some(target => target === 'target2')}>\r\n                                        <div id=\"target2\">\r\n                                            <Card.Header>\r\n                                                <Card.Title as='h5'>Second Element</Card.Title>\r\n                                            </Card.Header>\r\n                                            <Card.Body>\r\n                                                <Card.Text>\r\n                                                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.\r\n                                                </Card.Text>\r\n                                            </Card.Body>\r\n                                        </div>\r\n                                    </Collapse>\r\n                                </Card>\r\n                            </Col>\r\n                        </Row>\r\n                    </Col>\r\n                    <Col sm={12} className=\"accordion\">\r\n                        <h5>Accordion Example</h5>\r\n                        <hr/>\r\n                        <Card className=\"mt-2\">\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">\r\n                                    <a href={DEMO.BLANK_LINK}\r\n                                       onClick={() => this.setState({ accordionKey: (accordionKey !== 1) ? 1 : 0 })}\r\n                                       aria-controls=\"accordion1\"\r\n                                       aria-expanded={accordionKey=== 1}>\r\n                                        Collapsible Group Item #1\r\n                                    </a>\r\n                                </Card.Title>\r\n                            </Card.Header>\r\n                            <Collapse in={this.state.accordionKey === 1}>\r\n                                <div id=\"accordion1\">\r\n                                    <Card.Body>\r\n                                        <Card.Text>\r\n                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia\r\n                                            aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,\r\n                                            sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica,\r\n                                            craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings\r\n                                            occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus\r\n                                            labore sustainable VHS.\r\n                                        </Card.Text>\r\n                                    </Card.Body>\r\n                                </div>\r\n                            </Collapse>\r\n                        </Card>\r\n                        <Card className=\"mt-2\">\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">\r\n                                    <a href={DEMO.BLANK_LINK}\r\n                                       onClick={() => this.setState({ accordionKey: (accordionKey !== 2) ? 2 : 0 })}\r\n                                       aria-controls=\"accordion2\"\r\n                                       aria-expanded={accordionKey === 2}>\r\n                                        Collapsible Group Item #2\r\n                                    </a>\r\n                                </Card.Title>\r\n                            </Card.Header>\r\n                            <Collapse in={this.state.accordionKey === 2}>\r\n                                <div id=\"accordion2\">\r\n                                    <Card.Body>\r\n                                        <Card.Text>\r\n                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia\r\n                                            aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,\r\n                                            sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica,\r\n                                            craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings\r\n                                            occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus\r\n                                            labore sustainable VHS.\r\n                                        </Card.Text>\r\n                                    </Card.Body>\r\n                                </div>\r\n                            </Collapse>\r\n                        </Card>\r\n                        <Card className=\"mt-2\">\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">\r\n                                    <a href={DEMO.BLANK_LINK}\r\n                                       onClick={() => this.setState({ accordionKey: (accordionKey !== 3) ? 3 : 0 })}\r\n                                       aria-controls=\"accordion3\"\r\n                                       aria-expanded={accordionKey === 3}>\r\n                                        Collapsible Group Item #3\r\n                                    </a>\r\n                                </Card.Title>\r\n                            </Card.Header>\r\n                            <Collapse in={this.state.accordionKey === 3}>\r\n                                <div id=\"accordion3\">\r\n                                    <Card.Body>\r\n                                        <Card.Text>\r\n                                            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia\r\n                                            aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,\r\n                                            sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica,\r\n                                            craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings\r\n                                            occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus\r\n                                            labore sustainable VHS.\r\n                                        </Card.Text>\r\n                                    </Card.Body>\r\n                                </div>\r\n                            </Collapse>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default BasicCollapse;"],"sourceRoot":""}