{"version":3,"sources":["Demo/UIElements/Advance/SyntaxHighlighter.js","App/components/Prism.js"],"names":["SyntaxHighlighter","react__WEBPACK_IMPORTED_MODULE_5___default","a","createElement","_hoc_Aux__WEBPACK_IMPORTED_MODULE_10__","react_bootstrap__WEBPACK_IMPORTED_MODULE_6__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","Header","Title","as","Body","_App_components_Prism__WEBPACK_IMPORTED_MODULE_9__","code","language","React","Component","react__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","react__WEBPACK_IMPORTED_MODULE_0___default","n","prism_react_renderer__WEBPACK_IMPORTED_MODULE_1__","prism","props","theme","require","Object","assign","defaultProps","_ref","className","style","tokens","getLineProps","getTokenProps","map","line","i","key","token"],"mappings":"wMAMMA,mLA0DE,OACIC,EAAAC,EAAAC,cAACC,EAAA,EAAD,KACIH,EAAAC,EAAAC,cAACE,EAAA,EAAD,KACIJ,EAAAC,EAAAC,cAACG,EAAA,EAAD,KACIL,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACIN,EAAAC,EAAAC,cAACI,EAAA,EAAKC,OAAN,KACIP,EAAAC,EAAAC,cAACI,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,qBAEJT,EAAAC,EAAAC,cAACI,EAAA,EAAKI,KAAN,KACIV,EAAAC,EAAAC,cAACS,EAAA,EAAD,CAAOC,KAjEhB,+lBAiEiCC,SAAS,WAGzCb,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACIN,EAAAC,EAAAC,cAACI,EAAA,EAAKC,OAAN,KACIP,EAAAC,EAAAC,cAACI,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,qBAEJT,EAAAC,EAAAC,cAACI,EAAA,EAAKI,KAAN,KACIV,EAAAC,EAAAC,cAACS,EAAA,EAAD,CAAOC,KAvDjB,6WAuDiCC,SAAS,WAGxCb,EAAAC,EAAAC,cAACI,EAAA,EAAD,KACIN,EAAAC,EAAAC,cAACI,EAAA,EAAKC,OAAN,KACIP,EAAAC,EAAAC,cAACI,EAAA,EAAKE,MAAN,CAAYC,GAAG,MAAf,oBAEJT,EAAAC,EAAAC,cAACI,EAAA,EAAKI,KAAN,KACIV,EAAAC,EAAAC,cAACS,EAAA,EAAD,CAAOC,KAvCV,+TAuCiCC,SAAS,oBAnFvCC,IAAMC,WA6FvBhB,8CCnGf,IAAAiB,EAAAC,EAAA,GAAAC,EAAAD,EAAAE,EAAAH,GAAAI,EAAAH,EAAA,KA0BeI,IAvBD,SAACC,GACX,IAAMC,EAAQC,EAAQ,KACtB,OACIN,EAAAjB,EAAAC,cAACkB,EAAA,EAADK,OAAAC,OAAA,GAAeC,IAAf,CAA6BJ,MAAOA,EAAOX,KAAMU,EAAMV,KAAMC,SAAUS,EAAMT,WACxE,SAAAe,GAAA,IAAGC,EAAHD,EAAGC,UAAWC,EAAdF,EAAcE,MAAOC,EAArBH,EAAqBG,OAAQC,EAA7BJ,EAA6BI,aAAcC,EAA3CL,EAA2CK,cAA3C,OACGf,EAAAjB,EAAAC,cAAA,OAAK2B,UAAU,UACXX,EAAAjB,EAAAC,cAAA,OAAK2B,UAAWA,EAAWC,MAAOA,GAC9BZ,EAAAjB,EAAAC,cAAA,QAAM2B,UAAU,mBACXE,EAAOG,IAAI,SAACC,EAAMC,GAAP,OACRlB,EAAAjB,EAAAC,cAAA,MAAS8B,EAAa,CAAEG,OAAME,IAAKD,IAC9BD,EAAKD,IAAI,SAACI,EAAOD,GAAR,OACNnB,EAAAjB,EAAAC,cAAA,OAAU+B,EAAc,CAAEK,QAAOD","file":"static/js/115.7fb577c1.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Prism from \"../../../App/components/Prism\";\r\nimport Aux from \"../../../hoc/_Aux\";\r\n\r\nclass SyntaxHighlighter extends React.Component {\r\n    render() {\r\n        const basicCode = (\r\n`<div class=\"card\">\r\n    <div class=\"card-header\">\r\n        <h5>Hello card</h5>\r\n        <span> lorem ipsum dolor sit amet, consectetur adipisicing elit</span>\r\n        <div class=\"card-header-right\">\r\n            <i class=\"icofont icofont-rounded-down\"/>\r\n            <i class=\"icofont icofont-refresh\"/>\r\n            <i class=\"icofont icofont-close-circled\"/>\r\n        </div>\r\n    </div>\r\n    <div class=\"card-block\">\r\n        <p>\r\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\r\n        </p>\r\n    </div>\r\n</div>`);\r\n\r\n        const basicCss = (\r\n`a:active{\r\n    color:#1abc9c;\r\n}\r\np{\r\n    font-size:13px;\r\n}\r\n.btn-primary{\r\n    color: #1abc9c;\r\n    background-color: #fff;\r\n}\r\n.label-primary {\r\n    background-color: #1abc9c;\r\n}\r\n.badge-primary {\r\n    background-color: #1abc9c;\r\n}\r\n.bg-primary {\r\n    background-color: #1abc9c !important;\r\n    color: #fff;\r\n}\r\n.panel-primary {\r\n    border-color: #1abc9c;\r\n}`);\r\n        const basicTypeScript = (\r\n`import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Prism from \"../../../App/components/Prism\";\r\nimport Aux from \"../../../hoc/_Aux\";\r\n\r\nclass SyntaxHighlighter extends React.Component {\r\n    render() {\r\n        /* render method */\r\n    }\r\n}\r\nexport default SyntaxHighlighter;\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\">HTML Highlighter</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Prism code={basicCode} language=\"html\" />\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">SCSS Highlighter</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Prism code={basicCss} language=\"scss\" />\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">JSX Highlighter</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Prism code={basicTypeScript} language=\"jsx\" />\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 SyntaxHighlighter;","import React from 'react';\r\nimport Highlight, {defaultProps} from \"prism-react-renderer\";\r\n\r\nconst prism = (props) => {\r\n    const theme = require('prism-react-renderer/themes/dracula'); // dracula, duotoneDark, duotoneLight, nightOwl, oceanicNext, shadesOfPurple, vsDark, vsDarkPlus\r\n    return (\r\n        <Highlight {...defaultProps} theme={theme} code={props.code} language={props.language}>\r\n            {({ className, style, tokens, getLineProps, getTokenProps }) => (\r\n                <div className=\"m-t-15\">\r\n                    <pre className={className} style={style}>\r\n                        <code className=\"language-markup\">\r\n                            {tokens.map((line, i) => (\r\n                                <div {...getLineProps({ line, key: i })}>\r\n                                    {line.map((token, key) => (\r\n                                        <span {...getTokenProps({ token, key })} />\r\n                                    ))}\r\n                                </div>\r\n                            ))}\r\n                        </code>\r\n                    </pre>\r\n                </div>\r\n            )}\r\n        </Highlight>\r\n    );\r\n};\r\n\r\nexport default prism;"],"sourceRoot":""}