{"version":3,"sources":["components/SocialMedia/SocialMedia.js","assets/img/logo-ana.png","assets/img/logo-ana.webp","components/Sidebar/Sidebar.js","containers/ListItems/ListItems.js","components/Footer/Footer.js","SnirhApp.js","index.js"],"names":["SocialMedia","className","href","title","target","rel","Sidebar","props","useState","open","setOpen","id","viewport","type","onClick","e","src","window","Modernizr","webp","logoAnaWebp","logoAnaPng","alt","ListItems","noHover","setNoHover","itActive","setItActive","returnItems","items","reverse","useEffect","map","it","index","key","slug","dangerouslySetInnerHTML","__html","jQuery","addClass","active","content","links","length","link","idx","url","text","scrollTo","filter","removeClass","summary","button","Footer","detect","require","SnirhApp","setItems","setViewport","handleResize","wWidth","innerWidth","browser","document","documentElement","classList","add","name","axios","get","then","response","data","addEventListener","removeEventListener","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.23b3f784.chunk.js","sourcesContent":["/*\r\n * Lista com redes sociais\r\n */\r\n\r\nimport React from 'react';\r\nimport './styles/socialMedia.scss';\r\n\r\nexport default function SocialMedia(){\r\n  return (\r\n    <ul className={'socialMedia'}>\r\n      <li>\r\n        <a href=\"https://www.youtube.com/channel/UCLLjIf0AjdwQAtp3hDmrhZQ\" title=\"YouTube\" className=\"yt\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube</a>\r\n      </li>\r\n      <li>\r\n        <a href=\"https://instagram.com/anagovbr\" title=\"Instagram\" className=\"ig\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram</a>\r\n      </li>\r\n      <li>\r\n        <a href=\"https://twitter.com/anagovbr\" title=\"Twitter\" className=\"tw\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter</a>\r\n      </li>\r\n      <li>\r\n        <a href=\"https://facebook.com/anagovbr\" title=\"Facebook\" className=\"fb\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook</a>\r\n      </li>\r\n      <li>\r\n        <a href=\"https://br.linkedin.com/company/anagovbr\" title=\"LinkedIn\" className=\"in\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn</a>\r\n      </li>\r\n      <li>\r\n        <a href=\"#d\" title=\"WhatsApp\" className=\"wp\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp</a>\r\n      </li>\r\n      <li>\r\n      <a href=\"mailto:portalsnirh@ana.gov.br\" title=\"Email\" className=\"email\" target=\"_blank\" rel=\"noopener noreferrer\">Email</a>\r\n      </li>\r\n    </ul>\r\n  )\r\n}","export default __webpack_public_path__ + \"static/media/logo-ana.fff05ad2.png\";","export default __webpack_public_path__ + \"static/media/logo-ana.208c356e.webp\";","/*\r\n * Sidebar do site\r\n */\r\n\r\nimport React, { useState } from 'react';\r\nimport SocialMedia from '../SocialMedia';\r\nimport './styles/sidebar.scss';\r\nimport logoAnaPng from '../../assets/img/logo-ana.png';\r\nimport logoAnaWebp from '../../assets/img/logo-ana.webp';\r\n\r\nexport default function Sidebar(props){\r\n  const [open, setOpen] = useState(false);\r\n  \r\n  return (\r\n    <section id=\"sidebar\" className={open && props.viewport === 'smartphone' ? 'show-about' : ''}>\r\n      {props.viewport === 'smartphone' && <button type=\"button\" className={!open ? 'bt-open' : 'bt-close'} onClick={(e) => {setOpen(!open);}} title={!open ? 'Sobre' : 'Fechar'}>{!open ? '?' : 'Fechar'}</button>}\r\n      <h1><a href=\"http://www.snirh.gov.br/portal/\" target=\"_blank\" rel=\"noopener noreferrer\">Portal do <strong>SNIRH</strong></a></h1>\r\n      <div className=\"infos clear\">\r\n        <h2>Sistema Nacional de Informações sobre Recursos Hídricos (SNIRH)</h2>\r\n        <p>O SNIRH é a base para disponibilização das informações sobre águas no Brasil, contribuindo para a difusão do conhecimento sobre recursos hídricos.</p>\r\n      </div>\r\n      {props.viewport !== 'smartphone' && <div className=\"social clear\">\r\n        <a href=\"https://www.ana.gov.br/\" title=\"Agência Nacional de Águas\" className=\"ana\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          <img src={window.Modernizr.webp ? logoAnaWebp : logoAnaPng} alt=\"Agência Nacional de Águas\" />\r\n        </a>\r\n        <SocialMedia />\r\n      </div>}\r\n    </section>\r\n  )\r\n}","/*\r\n * Lista de itens\r\n */\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport jQuery from 'jquery';\r\nimport './styles/listItems.scss';\r\n\r\nfunction ListItems(props){\r\n  const [noHover, setNoHover] = useState(false);\r\n  const [itActive, setItActive] = useState('');\r\n\r\n  useEffect(() => {\r\n\r\n  }, []);\r\n\r\n  function returnItems(){\r\n    if(props.viewport === 'smartphone')\r\n      return [...props.items].reverse();\r\n    else\r\n      return props.items;\r\n  }\r\n\r\n  function returnViewItemMobo(){\r\n    if( noHover && itActive !== '' )\r\n    {\r\n      jQuery('html').addClass('mobile-item-open');\r\n\r\n      return returnItems().map((it, index) => it.slug === itActive && <div key={index} className={'item mobo ' + it.slug}>\r\n            <button type=\"button\" className=\"bt-close\" onClick={(e) => {setItActive(''); setNoHover(false);}} title=\"Fechar\">Fechar</button>\r\n            <h3 dangerouslySetInnerHTML={{__html: it.title}} />\r\n            <h4 dangerouslySetInnerHTML={{__html: it.active.title}} />\r\n            <div className=\"content\" dangerouslySetInnerHTML={{__html: it.active.content}} />\r\n            {!!it.active.links.items.length && <div className=\"links\">\r\n              <h5 dangerouslySetInnerHTML={{__html: it.active.links.title}} />\r\n              <ul>\r\n                {it.active.links.items.map((link, idx) => <li key={idx}>\r\n                  <a href={link.url} title={link.text} target=\"_blank\" rel=\"noopener noreferrer\">{link.text}</a>\r\n                </li>)}\r\n              </ul>\r\n            </div>}\r\n            <div className=\"nav clear\">\r\n              {index > 0 && <div className={'prev ' + returnItems()[index - 1].slug} onClick={(e) => {setItActive(returnItems()[index - 1].slug); setNoHover(true); window.scrollTo(0, 0);}}>\r\n                <p>Anterior</p>\r\n                <h6 dangerouslySetInnerHTML={{__html: returnItems()[index - 1].title}} />\r\n              </div>}\r\n              {!!returnItems()[index + 1] && <div className={'next ' + returnItems()[index + 1].slug} onClick={(e) => {setItActive(returnItems()[index + 1].slug); setNoHover(true); window.scrollTo(0, 0);}}>\r\n                <p>Próximo</p>\r\n                <h6 dangerouslySetInnerHTML={{__html: returnItems()[index + 1].title}} />\r\n              </div>}\r\n            </div>\r\n          </div>).filter(it => { return it});\r\n    }else\r\n    {\r\n      jQuery('html').removeClass('mobile-item-open');\r\n      return null;\r\n    }\r\n  }\r\n\r\n  if(props.viewport === 'smartphone')\r\n    return (\r\n      <>\r\n        <main id=\"listItems\" className={'smartphone clear'}>\r\n          <ul>\r\n            {returnItems().map((it, index) => <li key={index} onClick={(e) => {setItActive(it.slug); setNoHover(true);}} className={'item ' + it.slug}>\r\n              <h3 dangerouslySetInnerHTML={{__html: it.title}} />\r\n            </li>)}\r\n          </ul>\r\n        </main>\r\n        {returnViewItemMobo()}\r\n      </>\r\n    )\r\n  else\r\n    return (\r\n      <main id=\"listItems\" className={'desktop clear' + (noHover ? ' no-hover' : '') }>\r\n        {returnItems().map((it, index) => <div key={index} className={'item ' + it.slug + ( itActive === it.slug ? ' active' : '' )}>\r\n          <div className=\"init\">\r\n            <h3 dangerouslySetInnerHTML={{__html: it.title}} />\r\n          </div>\r\n          <div className=\"hover\">\r\n            <h3 dangerouslySetInnerHTML={{__html: it.title}} />\r\n            <div className=\"summary\" dangerouslySetInnerHTML={{__html: it.summary}} />\r\n            <button type=\"button\" onClick={(e) => {setItActive(it.slug); setNoHover(true);}}>{it.button}</button>\r\n          </div>\r\n          <div className=\"active\">\r\n            <button type=\"button\" className=\"bt-close\" onClick={(e) => {setItActive(''); setNoHover(false);}} title=\"Fechar\">Fechar</button>\r\n            <h3 dangerouslySetInnerHTML={{__html: it.active.title}} />\r\n            <div className=\"content\" dangerouslySetInnerHTML={{__html: it.active.content}} />\r\n            {!!it.active.links.items.length && <div className=\"links\">\r\n              <h4 dangerouslySetInnerHTML={{__html: it.active.links.title}} />\r\n              <ul>\r\n                {it.active.links.items.map((link, idx) => <li key={idx}>\r\n                  <a href={link.url} title={link.text} target=\"_blank\" rel=\"noopener noreferrer\">{link.text}</a>\r\n                </li>)}\r\n              </ul>\r\n            </div>}\r\n          </div>\r\n        </div>)}\r\n      </main>\r\n    )\r\n}\r\n\r\nexport default ListItems;","/*\r\n * Footer do site\r\n */\r\n\r\nimport React from 'react';\r\nimport './styles/footer.scss';\r\nimport SocialMedia from '../SocialMedia';\r\nimport logoAnaPng from '../../assets/img/logo-ana.png';\r\nimport logoAnaWebp from '../../assets/img/logo-ana.webp';\r\n\r\nexport default function Footer(){\r\n  \r\n  return (\r\n    <footer>\r\n      <a href=\"https://www.ana.gov.br/\" title=\"Agência Nacional de Águas\" className=\"ana\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n        <img src={window.Modernizr.webp ? logoAnaWebp : logoAnaPng} alt=\"Agência Nacional de Águas\" />\r\n      </a>\r\n      <SocialMedia />\r\n    </footer>\r\n  )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport axios from 'axios';\r\nimport Sidebar from './components/Sidebar';\r\nimport ListItems from './containers/ListItems';\r\nimport Footer from './components/Footer';\r\nconst { detect } = require('detect-browser');\r\n\r\nexport default function SnirhApp(){\r\n  const [items, setItems] = useState([]);\r\n  const [viewport, setViewport] = useState('');\r\n\r\n  function handleResize(e){\r\n    const wWidth = window.innerWidth;\r\n\r\n    // Define qual o viewport\r\n    if( wWidth < 1024 )\r\n      setViewport('smartphone');\r\n    else if( wWidth >= 1024 && wWidth <= 1279 )\r\n      setViewport('tablet');\r\n    else\r\n      setViewport('desktop');\r\n  }\r\n\r\n  useEffect(() => {\r\n    const browser = detect();\r\n    document.documentElement.classList.add(browser.name);\r\n    \r\n    handleResize();\r\n\r\n    axios.get('/static/items.json')\r\n      .then(function(response){\r\n        setItems(response.data);\r\n      });\r\n\r\n    window.addEventListener('resize', handleResize);\r\n    return () => {\r\n      window.removeEventListener('resize', handleResize);\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <Sidebar viewport={viewport} />\r\n      <ListItems items={items} viewport={viewport} />\r\n      {viewport === 'smartphone' && <Footer viewport={viewport} />}\r\n    </>\r\n  )\r\n}","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './assets/sass/general.scss';\r\nimport SnirhApp from './SnirhApp';\r\n\r\nReactDOM.render(<SnirhApp />, document.getElementById('portal-do-snirh'));"],"sourceRoot":""}